个人VScode插件

推荐插件：

• Chinese (Simplified) Language Pack for Visual Studio Code
  设置中文显示

• open in browser
  从浏览器中查看html文件，使用系统的当前默认浏览器

• One Dark Pro
  设置vscode的颜色，这个颜色比默认的黑色更淡，对眼睛没有那么的刺眼

• Auto Close Tag
  自动补全html标签

• Auto Import
  自动导入包插件

• Auto Rename Tag
  重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签

• Bookmarks
  书签插件，可以对代码的行数做标记，能快速找到自己做标记的代码，并且通过快捷键能快速的找到上下标记的地方（建议：最好默认改一下这个书签的快捷键，因为书签的默认快捷键是三个键不太方便。快捷键设置：文件 - 首选项 - 键盘快捷方式 - 搜索“”书签”）

• Bracket Pair Colorizer
  为代码中的括号添上一抹亮色，可以快速的看到对应的括号的颜色，一个颜色对应一对括号

• Code Spell Checker
  代码拼写检查，可以检查出你书写的代码是否是一个单词

• ESLint
  安装了，可以配置对应的settings.json文件，共享setting.json文件可以使得整个项目的代码风格统一

• GitLens — Git supercharged
  git源代码管理插件，可以看到每一行的提交信息，也可以看到这个文件的变动情况

• HTML CSS Support
  智能提示CSS类名以及id

• Image preview
  前端开发图片预览插件 Image preview（支持css预览 支持svg格式）一款提高前端开发效率的插件 ，代码中hover直接预览图片

• IntelliSense for CSS class names in HTML
  这个插件可以智能提示html标签的类名 在我们使用第三方类的时候,可以智能的提示

• Vetur
  vue的语法高亮

• HTML Boilerplate
  HTML5的代码模板 创建html文件后输入html即可使用

• EditorConfig for VS Code：编辑器通用配置插件，根据.editorconfig设置编辑器编码、换行、空格等。

• ES7 React/Redux/GraphQL/React-Native snippets：代码片段提示插件，可在编码时快速输入内置代码片段。

• filesize：文件大小计算插件。

• Import Cost: 代码导入大小计算插件。

• npm Intellisense： 导入npm包时，自动提示包名插件。

• Project Manager：同时管理切换多个工程的插件。

• Stylelint：less/sass/css样式校验工具。

• fileheader: 文件头注释、代码注释插件。
  

---