vscode前端开发插件推荐

vscode下载地址：https://code.visualstudio.com/

• Auto Close Tag
  推荐指数：⭐⭐⭐⭐⭐

Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text does.
自动添加HTML / XML关闭标记

• Auto Rename Tag
  推荐指数：⭐⭐⭐⭐⭐

Auto rename paired HTML/XML tag
自动修改html的标签

• Color Highlight
  推荐指数：⭐⭐⭐⭐⭐

Highlight web colors in your editor
突出显示网页颜色

• Prettier - Code formatter
  推荐指数：⭐⭐⭐⭐⭐

Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
在Visual Studio代码中美化javascript，JSON，CSS，Sass和HTML。

• Bracket Pair Colorizer
  推荐指数：⭐⭐⭐⭐

This extension allows matching brackets to be identified with colours. The user can define which characters to match, and which colours to use.
允许使用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色。

• filesize
  推荐指数：⭐⭐⭐⭐

This package is intended for use with the Visual Studio Code editor and it displays the size of the focused file in the status bar of the editor.
编辑器的状态栏中显示焦点文件的大小

• Path Intellisense
  推荐指数：⭐⭐⭐⭐

Visual Studio Code plugin that autocompletes filenames.
自动填充文件名

• Vetur
  推荐指数：⭐⭐⭐⭐⭐ <= 开发vue必备

目前 VSCode 上面最好用的 Vue 插件。格式化代码、高亮、代码格式检测、自带Emment、括号自动补全

• vscode-icons
  推荐指数：⭐⭐⭐⭐

可以控制vscode中的文件管理的树目录显示图标

• Vue 2 Snippets
  推荐指数：⭐⭐⭐

提供一些vue的代码片段

• One Dark Pro
  推荐指数：⭐⭐⭐⭐

Atom's iconic One Dark theme, and one of the most downloaded themes for VS Code!
Atom标志性的一个黑暗主题，也是最受欢迎下载的vs代码主题之一！

• Version Lens
  推荐指数：⭐⭐⭐⭐

Shows package version information for npm, jspm, dub and dotnet core in the Visual Studio Code editor.
在编辑器中显示NPM、JSPM、DUB和DOTNET核心的包版本信息。

• Comment Translate
  推荐指数：⭐⭐⭐⭐

This plugin uses the Google Translate API to translate comments for the VSCode programming language.
使用google translate api为VSCode编程语言翻译注释。【对英语不好的中文开发者很友好】

• Import Cost
  推荐指数：⭐⭐⭐⭐

Display import/require package size in the editor
显示导入包的大小

• Todo Tree
  推荐指数：⭐⭐⭐⭐⭐

Show TODO, FIXME, etc. comment tags in a tree view
展示项目中TODO的标签，便于查找

• Live Server
  推荐指数：⭐⭐⭐⭐⭐

Launch a development local Server with live reload feature for static & dynamic pages
为静态和动态页面启动具有实时重新加载功能的开发本地服务器