vscode插件推荐

VSCode 插件

Visual Studio Code ，微软出品，一款免费的、开源的、轻量级的编辑器，支持插件扩展。正因此，受到越来越多前端开发者的追捧。vSCode 插件丰富多样，安装/卸载方便，运用的好，能大大提高开发效率。
在官方插件市场,不但可搜索特定插件，还有历史安装量排名，每周/月安装趋势，每日特色好玩插件推荐。

常用插件推荐

• Syncing
  使用GitHub Gist，跨平台，跨设备同步 所有 VSCode 设置（包含安装的插件）

• Auto Import
  通过在整个项目及其依赖项中建议可用的变量，当您选择其中一个建议时，VS 代码会自动将它的导入添加到文件的顶部

• Auto Close Tag
  自动添加 HTML/XML 关闭标签

• AUtoRename Tag
  自动重命名成对的 HTML/XML 标签

• Bracket Pair Colorizer
  用颜色来标识匹配的括号。多层括号，相同曾经括号颜色相同

• indent-rainbow
  不同层次缩减使用不同颜色的空格点，使缩减更容易阅读
  

• Path Autocomplete
  文件路径自动补全、提示

• Prettier-Code Formater
  使用 prettier 格式化代码,部分规则可自行配置

  -TODO Highlight
  高亮文件中的 TODO、FIXME 等注释标记

• TODO TREE
  在树视图中显示 TODO、FIXME 等注释标记

• Debugger for Chrome
  在 chrome 调试 javaScript 代码

• npm intellisense
  提示、并自动补全导入语句中的存在的 npm 模块
  

• Code Time
  编码时间统计

• IntelliSense for Css Scss class name
  css 中 class 命名 智能提示

• HTML Snippets
  HTML 代码片段

• HTML CSS Support
  CSS 提示

• CSS Peek
  在 html 中参看/跳转到 css 所定义的样式

• Vue VSCode Snippets
  vue 代码片段

• Vue 2 Snippets
  Vue 2 的代码片段

• Vue Peek
  查看/跳转到 组件

• Vetur
  vue 工具包，包括语法高亮、代码片段、错误检查、格式化等

• Change-case
  变量名命名风格切换,选择多个变量，（快捷键 Alt + click）

• Iview Snippets
  iview 代码片段

• Less IntelliSense
  less 智能提示，自动补全

• Image preview
  显示图片预览