Vetur
- 语法错误检查,包括 CSS/SCSS/LESS/Javascript/TypeScript
- 语法高亮,包括 html/jade/pug css/sass/scss/less/stylus js/ts emmet 支持
- 代码自动补全(目前还是初级阶段),包括 HTML/CSS/SCSS/LESS/JavaScript/TypeScript 配合 ESLint 插件使用效果更佳
ESLint
- eslint插件能够检测代码语法问题,与格式问题,对项目代码风格统一至关重要。
Path Intellisense
- 在编辑器中输入路径时,自动补全。
Auto Close Tag
- 自动闭合HTML/XML标签
Auto Rename Tag
- 自动完成另一侧标签的同步修改
Beautify
- 格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则
HTML CSS Support
- 在编写样式表的时候,自动补全功能大大缩减了编写时间,推荐!
HTML Snippets
- 智能提示HTML标签,以及标签含义
open in browser
-
vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari.
View In Browser
- 在浏览器中查看静态文件。如何用浏览器预览运行html文件
JavaScript(ES6) code snippets
- ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间