vscode的使用

一、为什么有此篇文章

之前工作主要语言还是c，所以用的最多的也就是source insight和vim。后面又有了研究golang，对jetbrains的全家桶goland和clion有了使用。慢慢地接触了更多的语言。看代码的工具也慢慢往vscode和jetbrain的工具靠近。

二、vscode的使用

2.1. vscode的安装

在https://code.visualstudio.com/ 可以下载到最新的vscode安装包。

注意不要下载错了，下成vs studio。两者还是差别挺大的。

2.2. vscode的工程导入

点击File菜单选项，有open folder和open workspace选项。两者的区别是，workspace会保存打开工程的一些设置，下次可以直接还原之前的设置。第一次使用open folder打开，保存成workspace，下次就可以使用open workspace打开。

2.3. vscode的左边栏

左边栏分别是文件夹目录、检索、版本管理、debug工具和扩展工具。最上面还有个vs code图标，双击可以最大化/还原窗口。

图1、vscode的左边栏

最底下有个设置按钮，点开有个弹窗。依次是命令行快捷栏（可以呼唤出快捷命令），设置，扩展插件，键盘快捷键，代码小抄（可以存储/调出常用的代码片段），界面配色和图标方案。

图2 设置的小弹窗

2.2. vscode的颜色

2.2.1 代码编辑器的颜色

绿色表示整行是新增的 ，蓝色是行修改的。红色小光标是删除的行

图3 代码编辑器的颜色

2.2.2 文件夹的颜色

图4 删除的文件

图4 修改的颜色

这些颜色方案都可以通过setting->搜索colorCustomizations，点击Edit in settings.json。在json文件编辑各种情况的颜色。

"workbench.colorCustomizations": {
    "gitDecoration.addedResourceForeground": "#f45342",
    "gitDecoration.modifiedResourceForeground": "#3888d8"
  },
gitDecoration.addedResourceForeground:...

图5 编辑颜色方案

2.3 插件安装

插件可以打开左侧的插件栏安装插件，可以安装推荐的或者流行度高的插件，或者在编辑代码的过程中，vs code也会主动建议你安装某些插件。

插件分类可以有：

• 自动补齐插件：Auto Close Tag，Code Speel Checker, Path Autocomplete, Path Intellisense
• 汉化插件： Chinese Language Pack
• 语言支持：Cmake，Go, HTML Snippets
• 前端插件：Debugger for Chrome, EsLint
• 版本控制: GitLens, Git History
• 包管理工具: npm
• 配色插件: One Dark Pro
• 交互模拟插件：Sublime Test Keymap, Vim