📜  更漂亮的设置 vscode (1)

📅  最后修改于: 2023-12-03 15:10:33.829000             🧑  作者: Mango

更漂亮的设置 VSCode


如果你是一名程序员,你肯定会花费大量的时间在编写代码上。一个优秀的编辑器对于你的工作至关重要。而目前最受欢迎的编辑器之一便是 Visual Studio Code, 简称 VSCode

VSCode 的优点非常多,其中最重要的就是它提供了许多令人惊叹的扩展程序和主题。利用这些应用程序,你可以将你的编辑器变得更加个性化、漂亮。

以下是一些展示你 VSCode 的方法:

1. 首先安装 VSCode

首先,你需要下载和安装 VSCode。你可以在 官方网站 下载。

2. 安装 Material Theme

Material Theme 当前是 VScode 最流行的主题之一,它为你的编辑器带来了漂亮的颜色、配色方案和图标。以下是如何使用它实现更好的视觉效果。

  1. 打开 VSCode
  2. 点击左侧的扩展功能。在搜索框中输入Material Theme, 并按下回车。
  3. 在搜索结果中找到 Material Theme(作者: Mattia Astorino),然后单击 install 按钮进行安装。
  4. 安装后,你可以通过在左下角单击设置按钮,然后选择 Preferences: Color Theme(快捷方式 Ctrl + KCtrl + T) 来查看你安装的主题。在那里你可以选择Material Theme

安装参考代码:

1. 打开 `VSCode`
2. 点击左侧的扩展功能。在搜索框中输入`Material Theme`, 并按下回车。
3. 在搜索结果中找到 Material Theme(作者: Mattia Astorino),然后单击 install 按钮进行安装。
4. 安装后,你可以通过在左下角单击设置按钮,然后选择 Preferences: Color Theme(快捷方式 Ctrl + K 和 Ctrl + T) 来查看你安装的主题。在那里你可以选择Material Theme。
3. 安装常用的扩展程序

VSCode 的另一个优点是它具有强大的扩展程序功能。以下是一些常用的扩展程序:

  1. Bracket Pair Colorizer(作者: CoenraadS):让你在编写代码时更加清晰的看到括号的匹配。
  2. Indent Rainbow(作者: oderwat):让你在编辑器中更加直观地看到缩进。
  3. Auto Rename Tag(作者: Jun Han):自动重命名 HTML 或 XML 标记。
  4. Code Spell Checker(作者: StreetSideSoftware):避免在代码中拼写错误。
  5. GitLens(作者: Eric Amodio):在编辑器中查看 Git 仓库历史记录。

安装参考代码:

以下是几个常用的扩展程序的安装方法:
1. [Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)(作者: CoenraadS):让你在编写代码时更加清晰的看到括号的匹配。
2. [Indent Rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)(作者: oderwat):让你在编辑器中更加直观地看到缩进。
3. [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)(作者: Jun Han):自动重命名 HTML 或 XML 标记。
4. [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker)(作者: StreetSideSoftware):避免在代码中拼写错误。
5. [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)(作者: Eric Amodio):在编辑器中查看 Git 仓库历史记录。

安装方式:
1. 打开 `VSCode`
2. 点击左边的扩展功能
3. 在搜索框中输入扩展程序名称
4. 点击 `install` 进行安装
4. 更改字体

在编辑器中使用自己喜欢的字体也很重要。以下是修改字体的步骤:

  1. 打开 VSCode
  2. 单击左下角的设置图标。
  3. 在搜索框中搜索font family
  4. 点击出现的设置选项更改字体。

修改字体名插入代码片段:

1. 打开 `VSCode`。
2. 单击左下角的设置图标。
3. 在搜索框中搜索font family 。
4. 点击出现的设置选项更改字体。
5. 更改行高和字号

对于大部分程序员来说,舒适的行高和字号也非常重要。以下是修改行高和字号的方法:

  1. 打开 VSCode
  2. 单击左下角的设置图标。
  3. 在搜索框中搜索 font sizeline height
  4. 点击出现的设置选项更改字号和行高。

修改行高和字号插入代码片段:

1. 打开 `VSCode`。
2. 单击左下角的设置图标。
3. 在搜索框中搜索font size 和 line height。
4. 点击出现的设置选项更改字号和行高。
6. 使用 Terminal

在 VSCode 中的Terminal 允许你通过键盘简单地打开和关闭这个功能。在 Terminal 中运行命令时,这个功能在一定的程度上增强了效率。

打开 Terminal 的方法: Ctrl + `

关闭 Terminal 的方法: Ctrl + W

使用 Terminal 插入的代码:

- 打开 Terminal: Ctrl + `
- 关闭 Terminal: Ctrl + W

总结:在VSCode中使用更漂亮的主题和设置能够提高你在编写代码时的舒适度和效率。通过安装常用的扩展程序、更改字体、字号和行高、使用 Terminal 等方法,使得你的工作变得更加愉快。