前言

之前一直用的是webstome，虽然使用上来讲，软件还是很顺手的。除去webstome是需要付费使用的不说，运行起来还很耗费内存，这一点很不喜欢。所以在遇到vscode之后就果断的选择了它，免费而且轻量。
不过它轻量的代价就是需要自己安装一些需要使用的插件，所以在此记录一下自己筛选出来的设置和插件，以方便后期需要的时候不用再到处去找。
（注：对于抛弃webstome转而选择vscode的想法仅代表我个人使用的选择。）

设置

1.中文显示

• 在插件管理处搜索‘Chinese’，安装插件；
• 使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；
• 修改locale.json文件下的属性“locale”为“zh-CN”;
• 重启vscode工具

2.即时保存

如上图所示，按照步骤选择，‘onFocusChange’选项最适合编辑时的即时保存。

3.设置主题

One Dark pro

搜索插件，安装即可。
这个主题看着比较舒服，并且也有人在持续维护，是一个不错的选择。

4.设置快捷键

我习惯了用ctrl+d做整行删除。

插件

1.HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式。也支持scss。

2.Path Intellisense

自动路径补全，这个插件很必要，可以不用自己去一步一步写路径了。

3.Beautify

用来对代码进行格式化。快捷键为： shift+alt+f

4.fileheader

顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间。
这个对多人编写的页面很有用

5.Bracket Pair Colorizer

让括号拥有独立的颜色，易于区分。可以配合任意主题使用。

6.Vetur

对于vue的语法高亮、智能感知、Emmet等

7.Vue 2 Snippets

vue 2代码片段