Question

执行npm run serve时。我收到了来自林特的很多警告，提示我找不到并配置

Module Warning (from ./node_modules/eslint-loader/index.js):
warning: Insert `;` (prettier/prettier) at src\main.js:1:22:
> 1 | import Vue from "vue"

例如，在Prettier扩展中，我的VsCode设置为使用4个空格作为制表符，但是在运行相同的加载程序时警告我，因为它希望我使用2个空格缩进。

我无法确定在哪里/如何配置eslint加载器本身以根据需要配置/禁用规则。

warning: Replace `····` with `··` (prettier/prettier) at src\main.js:22:1:
  20 | new Vue({
  21 |     router,
> 22 |     store,
     | ^
  23 |     render: h => h(App)
  24 | }).$mount("#app")

例如，我想禁用此功能，我想强制执行4个空格缩进检查，而不是2个空格！

我有Vetur扩展名，并且设置为使用更漂亮的

更漂亮的设置为使用4个空格选项卡。因此，我认为我现在需要的设置与vscode无关。

Answer 1

最终解决方案-积分：https://eslint.vuejs.org/user-guide/#editor-integrations，还有很多时间自己尝试，尝试和尝试

我禁用了漂亮的扩展名，并禁用了vs代码的自动格式化。

我将此代码段添加到了 workspace 配置（不是全局！！）

{
    "eslint.validate": [
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "javascript",
            "autoFix": true
        },
        {
            "language": "javascriptreact",
            "autoFix": true
        }
    ],
    "eslint.autoFixOnSave": true,
    "editor.formatOnSave": false,
    "vetur.validation.template": false
}

此外，在.eslintrc.js文件上配置漂亮/漂亮。

例如，请参见prettier/prettier部分，了解我如何使用rules：

module.exports = {
    root: true,
    env: {
        node: true
    },
    extends: [
        "plugin:vue/recommended",
        "eslint:recommended",
        "prettier/vue",
        "plugin:prettier/recommended",
    ],
    rules: {
        "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
        "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
        "prettier/prettier":[
            "error", 
            {
                "tabWidth"  : 4,
                "semi" : false,
            }
        ]
    },
    parserOptions: {
        parser: "babel-eslint"
    }
}

我在问题贴中说过，我在VsCode上安装了漂亮的和eslint扩展。

在此处查看可用选项：https://prettier.io/docs/en/options.html

通过这种方式，配置既可以在vscode上运行，又可以按我的要求以运行中的lint进行工作。

太好了！

Vue和Lint on run：如何配置？

1 个答案: