Vue中的ESLint代码格式

Question

我用npm和vuejs / vue-cli创建了一个项目。

我导入了ESLint扩展名。

我的package.json文件中有eslint条目。

现在，当我格式化代码（右键单击“格式代码”）时，它会完全破坏我的代码。

如何根据ESLint规则让vscode格式化？

但是在网站上，ESLint抱怨所有内容都没有正确格式化，所以它显然在某种意义上安装并运行：

Answer 1

1）首先，您需要在VS代码中安装ESLint扩展。

此扩展使用ESLint库。如果您尚未在本地或全局安装ESLint，请执行此操作

npm install eslint //For a local install
 or 
npm install -g eslint //For a global install.

2）然后，在VS代码中打开Setting.json文件。通过    文件 - ＆GT;首选项＆GT;设置

3）添加以下设置。

 {
    "eslint.enable": true,
    "eslint.autoFixOnSave": true,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [".js",".vue"]
    },
    "eslint.validate": [
        { "language": "vue", "autoFix": true }
    ]
}

4）现在，检查你的vue文件。它将开始显示linting错误。如果没有，重启VS代码。

Answer 2

之前我遇到过这个问题。 我通过在本地使用npm install安装eslint来解决它（它可以全局安装），然后运行“eslint --init”，重启vscode。 希望这能帮助你。