Vs Code编译器针对Vue的一些快捷操作的设置

原创于 2020-05-13 09:42:03 发布 · 302 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue.js

Vuejs 专栏收录该内容

48 篇文章

订阅专栏

本文介绍如何在VSCode中配置ESLint和Vetur扩展，实现自动修复JavaScript、React、Vue和HTML文件的代码格式。通过修改config.json，确保在保存文件或格式化代码时，自动遵循ESLint规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vscode 安装 ESlint 和 vetur 扩展，然后在 vscode 的 config.json 配置文件中加入如下内容即可：

{
	"eslint.autoFixOnSave": true,
    // 用来配置作用的文件类型
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true
        }
    }
}

如果已有的配置中有 "editor.formatOnSave": true 配置项，请将其注释
通过上面的设置后，当我们使用 Ctrl/Command + s 对文件保存的时候或者使用 vscode进行自动格式化的时候，编辑器会自动将vue组件按照 eslint 规则自动帮我们格式化