VScode 插件添加和开发VUE 常用的插件推荐
vscode 安装插件的时候不像其他编辑器一样可以直接在setting里面进行安装,而是要通过输入一些命令是来操作;
1、第一种:按F1 然后在输入框中输入:extensions:||ext install(提醒:冒号不能掉)
extensions 还可以显示你已经安装过的插件列表
命令列表如下:
显示过时扩展:Extensions:Show Outdated Extensions
等等,下面会有一个列表将素有命令行都显示出来你只需要选择你想要的
2、输入 :Ctrl+p 输入ext install
Vetur —— 语法高亮、智能感知、Emmet等
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)
EsLint —— 语法纠错
view in browser —— 如何用浏览器预览运行html文件
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