通过配置 VSCode 来提高生产力

在 freeCodeCamp 社区阅读原文。

代码编辑器这些年发展很快。一些年前，还没有 Visual Studio Code（VS Code）。你可能在用 Sublime Text、Atom、Bracket 等。随着 VS Code 的发布，它已经变成了开发者中最受欢迎的编辑器。

为什么选择 VS Code

开发者喜欢它因为

• 可定制
• Debug 方便
• 支持 Emmet
• 支持插件
• 集成了 Git
• 集成了终端
• 智能补全
• 主题等

VS Code 确实很强大，这篇文章会涉及 VS Code 的配置，介绍一些出色的插件，让 VS Code 的生产力更上一个台阶。

终端

可以用 iTerm2 和 Zsh 配置终端然后应用到 VS Code 终端上。

配置 Zsh 后，在 Terminal > New Terminal 启动 VS Code 内置终端运行下面的命令

source ~/.zshrc

或者

. ~/.zshrc

在 shell 里执行 .zshrc 配置文件里的内容。

字体

FiraCode 酷毙了，因为它支持合字，下载安装 FiraCode，在 settings.json 文件里添加。

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,

在命令行里启动

在终端里启动 VS Code 逼格很高。按住 CMD + SHIFT + P，输入 shell command 选择 Install code command in path。在终端里切换到项目路径下，输入 code . 在 VS Code 里打开项目。

配置

VS Code 的工作空间设置位于 settings.json 中。可订制性很高。

打开 settings.json 快捷键

CMD + ,

译注：新版本需要手动打开 .vscode/settings.json

复制粘贴下列代码到 settings.json 文件：

{