前端开发经常使用的VS Code插件总结

主题

主题这东西，找个本身喜欢习惯的就行了

一、Atom One Dark Theme

二、vscode-icons

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

必备

一、ESLint

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

二、GitLens

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

三、Prettier

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

四、Bracket Pair Colorizer 2

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

五、indent-rainbow

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

六、Path Intellisense

路径补全插件

七、Debugger for Chrome

在浏览器里面调试用

八、open in browser

能够直接在浏览器里面打开某个html文件

九、Auto Close Tag

自动闭合Html、XML标签

十、Auto Rename Tag

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

十一、HTML CSS Support

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

React开发

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

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

二、vscode-styled-components

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

Vue开发

一、vetur

美化.vue文件和部分提示

其余

一、Code Runner

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

二、gi

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

三、Markdown Preview Github Styling

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

四、TranslationToolbox

翻译工具，鼠标移动到注释上能够直接翻译成中文，中文很差可使用