html
- HTML Snippets
- 包含全部的h5标签
- 高亮信息
- 补全代码片段
- 快速创建标签
- Auto Rename Tag
自动重命名HTML/XML标签
- HTML Boilerplate
快速生成H5模板
- HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式
新版已经支持scss文件检索
需要在设置中添加以下代码
"editor.parameterHints": true,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
}
- IntelliSense for CSS class names in HTML
根据项目中元素类名进行智能提示 (与HTML CSS Support功能重复)
css
- Autoprefixer
自动解析css并添加浏览器前缀
支持的语言包括css、less、scss
- CSS Peek
能够根据id或class快速定位元素样式
- language-stylus
stylus语法支持
- stylus
stylus语法支持
js
- jQuery Code Snippets
jq语法智能提示
Vue
- Vetur
- vue语法高亮
- 语法补全
- Emmet
- 错误检查
- 格式化
- 调试
- Vue 2 Snippets
基于最新的 Vue 2 的 API 添加了Code Snippets
Bootstrap
- Bootstrap 3 Snippets
Bootstrap代码补全
其他
- Auto Import
自动查找导入代码
- Beautify
格式化代码
支持语言:javascript, JSON, CSS, Sass, HTML
- Chinese (Simplified) Language Pack for Visual Studio Code
vscode汉化插件
- Color Info
提供css中颜色的信息
- Debugger for Chrome
在Chrome中调试js代码
- filesize
在状态栏显示文件信息
- indent-rainbow
彩色缩进 拯救双眼
- open in browser
直接从vscode打开网页
- Path Autocomplete
自动提示文件路径
- Prettier - Code formatter
代码格式化
- vscode-icons
为文件前添加小图标