VScode 插件添加和开发VUE 常用的插件推荐

    技术2022-07-13  85

    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 —— 自动路劲补全

    HTML CSS Support —— 让 html 标签上写class 智能提示当前项目所支持的样式

    React-native 快捷键显示-----react组件模板;例如:cccs vue vscode snippets 快捷键显示------vue组件模板;例如:vba 压缩文件:1、在拓展商店里搜索“minify”,安装,安装成功后点重新加载。2、使用:F1运行文件缩小器 ,搜索Minify并运行即可

    以上针对Vue开发常用的插件推荐; 还有一些其他的插件各位可以根据自己情况选择,提醒:不是越多越好,适可而止

    Processed: 0.013, SQL: 9