5721605a3b1ce0682d6ab09b0d3742d3.png

一、安装插件

在左侧有个安装插件的按钮,点击后即可通过关键词搜索来安装插件

8e67ed44fe0c3b38b5e8decad12adc6e.png

二、插件配置

文件 =》首选项=》设置=》用户设置

852106852149ae3d021eb0c1ccbea1ed.png

三、插件

vetur

作用:代码提示,高亮

配置:

"emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }

ESLint

作用:代码错误检查

配置:

"eslint.validate": [ "javascript", "javascriptreact", { "language": "html", "autoFix": true // HTML自动修复, }, { "language": "vue", "autoFix": true // vue 自动修复 } ], "eslint.autoFixOnSave": true // 文件保存时自动修复

File Peek

作用:路径跳转

配置:

"file_peek.activeLanguages": [ "typescript", "javascript", "python", "vue"],"file_peek.searchFileExtensions": [ ".js", ".ts", ".html", ".css", ".scss", ".vue"]

相关文章教程推荐:vscode教程

更多推荐