Vetur
支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript
eslint插件
参考上一篇《vscode 开发vue使用Eslint配置》
Auto Rename Tag
这是一个修改标签对的插件,自动重命名配对的HTML / XML标签
// 默认情况下,它将["*"]为所有语言激活。
{
"auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
}
HTML CSS Support
在编写样式表的时候,自动补全功能大大缩减了编写时间
Chinese (Simplified) Language Pack for Visual Studio Code
中文简体语言包
Auto Close Tag
自动添加HTML / XML关闭标签
HTML Snippets
代码自动填充
HTML Boilerplate
提供生成标准HTML样板代码
Image Preview
鼠标移到路径里显示图像预览
intelliSense for CSS class names in HTML
项目中 css 文件里的名称智能提示在 html 中
JavaScript (ES6) code snippets
es6代码片段
Live Server
浏览器实时刷新
Path Intellisense
路径自动补全
Vetur
Vue 语法高亮显示, 语法错误检查, 代码自动补全
open in browser
浏览器中打开html
Markdown Preview Enhanced
实时预览markdown,markdown使用者必备
ESLint
sLint可以帮助我们检查Javascript编程时的语法错误。
Color Info
这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了
Beautify
格式化代码
Git History
查看git日志以及图表和详细信息
Guides
代码的标签对齐线
jQuery Code Snippets
jq代码段提示
IntelliSense for CSS class names in HTML
智能地给你已定义CSS类名的提示
VSCode Great Icons
小图标区分不同的文件类型
Bracket Pair Colorizer
给括号加上不同的颜色,便于区分不同的区块