vscode入门：熟悉vscode和初级配置

工欲善其事必先利其器。
提高效率需要借助于合适的工具，更需要自己熟练使用，积累久了便可自成体系风格。

一 安装和首次启动

登录vscode官网，下载对应平台的安装包安装即可，下载安装的过程中可以了解一下release notes，看看官方文档。

1 修改显示语言

默认是英文界面，可以修改成中文（初期为了熟悉工具，最好使用熟悉的语言，英语大神可以跳过这一步）。

1. 点击界面左下角的设置按钮，选择最上面的Command Palette... (Ctrl+Shift+P)，命令面板很常用，必须记住其快捷键；
2. 在弹出的命令窗口输入Configure Display Language，这是看到只有一个选择en，选择底部的Install additional languages...；
3. 这时左边边栏打开了扩展安装界面，列出来的就是一些语言包，选择中文简体Install即可
4. 下载完成右下角就会提示需要重启，点击Restart Now等待重启，界面即可变成中文。

2 启动界面

首次启动会显示欢迎页面，如下图：

vscode启动界面

我们可以着重关注右下角的学习部分，交互演练可以让你快速体验vscode的一些常用功能和快捷键，值得一试；其次是帮助中的提示和技巧，快捷键速查；自定义部分也可以帮助我们快速设置主题和快捷键。

二 界面元素和设置界面

vscode的界面有几个部分：

1. 活动栏，Ctrl+Shift+{E/F/D/X}分别打开文件列表、搜索、调试和扩展；熟记快捷键后可以隐藏活动栏
2. 侧边栏，快捷键Ctrl+B隐藏或显示
3. 编辑栏，编辑器
4. 面板栏，”Ctrl+`”可以显示隐藏终端
5. 状态栏，显示各种状态或者配置信息

如下图：

vscode面板介绍

设置分为用户和工作区:

1. 用户：设置全局有效，配置文件保存在系统用户目录下
2. 工作区：针对当前工作区，配置文件保存在工作区内
3. 熟悉以后可以直接修改配置文件
4. 打开设置的快捷键Ctrl+,

如下图：

vscode配置介绍

三 实用的配置

有一些vscode的默认配置并不是很实用，所以需要做一些个性修改。
点击左下角的设置按钮，选择Settings，或者使用快捷键Ctrl+,。

1 自动保存

默认关闭，建议开启，设置为afterDelay。

因为有时候语法检查需要在保存之后才会刷新，每次改完手动保存效率太低（这一点CLion做的更好，语法检查和文件保存是分开的）。

也可以直接修改配置文件，如下图：

vscode设置json示例

在配置文件中对应的就是下面这一行，延迟时间默认就好：

"files.autoSave": "afterDelay",

2 删除行尾的空格

为了保持代码简洁干净，行末的空格一般不需要保存。

"files.trimTrailingWhitespace": true,

3 排除文件

为了保持vscode边栏资源管理器的简洁，建议设置隐藏有一些无需更改的目录。例如第三方库或者编译临时文件，按实际需求配置。

"files.exclude": {
        ...
        "**/node_modules": true
    },

4 字体设置

推荐使用等宽字体，强烈推荐:

• DejaVu Sans Mono
• Hack

对于程序员来说，一款好的字体应该能够明确区分0、o和O，1、l和I，有时是能减少不少bug的（手动滑稽），当然主要的还是要顺眼，长时间看代码不至于让眼睛太累。

设置如下：

"editor.fontFamily": "'DejaVu Sans Mono','Hack'",

5 自动插入右括号和引号

这是一个效率设置，默认是按语言定义，但是有时候并不能正常工作，建议改为always。

比如在Python代码中，如果是f-string内要加表达式，输入大括号后并不会自动添加右括号，希望以后会修复。自动插入能提高不少效率。

"editor.autoClosingBrackets": "always",
"editor.autoClosingQuotes": "always",

6 显示所有空白字符

这是为了检查不可见字符是否正确，建议开启。

比如python缩进可以统一是tab或者空格，但是缩进要一致，开启显示所有空白字符可以一眼就分辨出tab和4个空格；其次也可以是为了代码风格统一的要求，尽早发现问题。

"editor.renderWhitespace": "all",

7 禁止编辑器滚动过头

默认情况下vscode编辑器可以滚动到代码只剩最后一行在顶端，建议关闭。

滚动到只剩一行代码，然后下面全部空白，窃以为这个设计并不好，滚动到最后面对一个不能编辑的大面积空白屏幕，着实有些浪费眼睛的注意力。

"editor.scrollBeyondLastLine": false,

8 开启折行

默认是关闭的，不管一行代码多长，vscode并不会折行显示，建议开启。

开启以后可以看到完整内容，而不需要手动去滑动窗口或者底部的滚动条。

"editor.wordWrap": "on",

9 主题

这就主要看个人喜好，包括界面主题和图标主题，原则是对眼睛友好。可以在扩展里面自行安装，安装前可去官方的Marketplace慢慢挑选。
对比多款主题后，笔者使用的是如下配置：

{
  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.preferredDarkColorTheme": "One Dark Pro",
  "workbench.preferredLightColorTheme": "Atom One Dark",
  "workbench.tree.indent": 16
}

四 插件

信奉少即是多，如果你对一个插件不是强需求，就不要添加，一切基于自己的需求，以下的推荐也是，如果用不到跳过即可。

1 Sort lines

编写代码的时候可能需要按行排序内容，这个插件就能帮上大忙。
链接：Sort lines

2 Sort JSON objects

如果要排序JSON对象（比如vscode的配置文件settings.josn），那就需要这个插件了。排序后简直神清气爽，无比舒适。
链接：Sort JSON objects

3 Keymap插件

有很多其他编辑器的keymap插件可以快速设置vscode的快捷键成自己熟悉的模样：

• Vim
• Sublime Text Keymap
• Atom Keymap

五 快捷键

掌握使用频率高的功能的快捷键，是提高效率的重要方式。
重点是功能，具体快捷键可以自行设定，按自己的喜好，效率至上；
如果有冲突，可以按使用频率优先配置，或者取消冲突的功能的快捷键。

以下快捷键以Windows为例，大部分快捷键MacOS只需要把Ctrl换成Cmd

1 工作区快捷键

2 编辑器快捷键

更多快捷键参考官方文档。
也可以使用快捷键Ctrl+K Ctrl+S自行修改或定义。
快捷键不需要记的太多，把最常用的记住即可。

以上就是vscode的基本设置，vscode针对Pyhton和C的高级设置在后续的文章中介绍。