主题

主题这东西，找个自己喜欢习惯的就好了

1、Atom One Dark Theme

2、vscode-icons

vscode默认的目录结构没有图标，不友好，这个图标插件小巧美观

必备

1、ESLint

代码规范限制和团队协作，避免低级错误的利器

2、GitLens

查看git的提交历史，直接在代码里面预览最后的编辑人和时间利器

3、Prettier

限制代码规范，美化代码结构

4、Bracket Pair Colorizer 2

让每个临近的括号有不同颜色，可以很直观的看到嵌套的代码的{([])}这些块

5、indent-rainbow

很直观的看到代码行的缩进级

6、Path Intellisense

路径补全插件

7、Debugger for Chrome

在浏览器里面调试用

8、open in browser

可以直接在浏览器里面打开某个html文件

9、Auto Close Tag

自动闭合Html、XML标签

10、Auto Rename Tag

自动完成另一侧标签的同步修改

11、HTML CSS Support

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

React开发

1、ES7 React/Redux/GraphQL/React-Native snippets

支持ES7提示，React全家桶代码块，建议安装

2、vscode-styled-components

Css in js的提示工具，对于在js里面写css很有用，styled-components依赖必备插件

Vue开发

1、vetur

美化.vue文件和部分提示

其他

1、Code Runner

一个不错的插件，可以鼠标选中一段代码，然后右键点开菜单选择直接运行该段代码，支持多语言

2、gi

快速生成各种语言标准的.gitignore文件

3、Markdown Preview Github Styling

美化vs code 里面编写的markdown文档预览样式

4、TranslationToolbox

翻译工具，鼠标移动到注释上可以直接翻译成中文，中文不好可以使用