vscode 开发vue需要安装的插件
https://blog.csdn.net/WindSneaker/article/details/123244006
Vetur
支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass和TypeScript
eslint插件
可以帮助我们检查Javascript编程时的语法错误
Auto Rename Tag
这是一个修改标签对的插件,自动重命名配对的HTML / XML标签
// 默认情况下,它将["*"]为所有语言激活。
{
"auto-rename-tag.activationOnLanguage": ["html", "xml", "php", "javascript"]
}
1
2
3
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
路径自动补全
open in browser
浏览器中打开html
Markdown Preview Enhanced
实时预览markdown,markdown使用者必备
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
给括号加上不同的颜色,便于区分不同的区块
-----------------------------------------------------------------------------------------------
https://jiannuan.blog.csdn.net/article/details/90340647?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-90340647-blog-123244006.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-90340647-blog-123244006.pc_relevant_default&utm_relevant_index=1
工欲善其事,必先利其器
以下就是开发Vue必备插件:
Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)
EsLint —— 语法纠错
Debugger for Chrome —— 映射vscode上的断点到chrome上,方便调试(配置有点麻烦,其实我没用这个)
Auto Close Tag —— 自动闭合HTML/XML标签
Auto Rename Tag —— 自动完成另一侧标签的同步修改
JavaScript(ES6) code snippets —— ES6语法智能提示以及快速输入,除js外还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
Path Intellisense —— 自动路径补全
HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式
Beautify——格式化代码,值得注意的是,beautify插件支持自定义格式化代码规则
Bracket Pair Colorizer——给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
open in browser——直接右键项目单击启动