前言
之前一直用的是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.koroFileHeader
顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间。
这个对多人编写的页面很有用
5.Bracket Pair Colorizer
让括号拥有独立的颜色，易于区分。可以配合任意主题使用。
6.Vetur
对于vue的语法高亮、智能感知、Emmet等
7.Vue 2 Snippets
vue 2代码片段
8.Markdown All in One
这个插件是组合包，把所有最常用的Markdown优化都可以装好
（ Markdown Preview Enhanced）这个插件安装好后可以看到流程图得样式
9.Markdown Preview Github Styling
这个插件是Github使用的Markdown渲染样式，很简洁的样式，因为很多人用Markdown都是为了使用Github Pages，所以这个样式特别受欢迎。使用这个样式，在本地就能预览Markdown文件最终在Github Pages中显示的效果。
10.live server
这个插件以前用的，现在记录一下，主要是写一个单页面的时候，它可以使你页面的效果可以及时刷新