vscode 插件推荐

html

1. HTML Snippets

• 包含全部的h5标签
• 高亮信息
• 补全代码片段
• 快速创建标签

2. Auto Rename Tag
   自动重命名HTML/XML标签
3. HTML Boilerplate
   快速生成H5模板
4. HTML CSS Support
   让 html 标签上写class 智能提示当前项目所支持的样式
   新版已经支持scss文件检索
   需要在设置中添加以下代码

"editor.parameterHints": true,
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
}

5. IntelliSense for CSS class names in HTML
   根据项目中元素类名进行智能提示 （与HTML CSS Support功能重复）

css

1. Autoprefixer
   自动解析css并添加浏览器前缀
   支持的语言包括css、less、scss
2. CSS Peek
   能够根据id或class快速定位元素样式
3. language-stylus
   stylus语法支持
4. stylus
   stylus语法支持

js

1. jQuery Code Snippets
   jq语法智能提示

Vue

1. Vetur

• vue语法高亮
• 语法补全
• Emmet
• 错误检查
• 格式化
• 调试

2. Vue 2 Snippets
   基于最新的 Vue 2 的 API 添加了Code Snippets

Bootstrap

1. Bootstrap 3 Snippets
   Bootstrap代码补全

其他

1. Auto Import
   自动查找导入代码
2. Beautify
   格式化代码
   支持语言：javascript, JSON, CSS, Sass, HTML
3. Chinese (Simplified) Language Pack for Visual Studio Code
   vscode汉化插件
4. Color Info
   提供css中颜色的信息
5. Debugger for Chrome
   在Chrome中调试js代码
6. filesize
   在状态栏显示文件信息
7. indent-rainbow
   彩色缩进 拯救双眼
8. open in browser
   直接从vscode打开网页
9. Path Autocomplete
   自动提示文件路径
10. Prettier - Code formatter
    代码格式化
11. vscode-icons
    为文件前添加小图标