vue.js - Vue 中的 ESLint 代码格式

Question

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

我导入了 ESLint 扩展。

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

现在当我格式化我的代码时(右击，格式化代码)，它完全毁坏了我的代码。

我要怎么做才能让 vscode 根据 ESLint 规则格式化？

但在网站上，ESLint 提示所有内容的格式不正确，因此从某种意义上说，它显然已安装并正在运行:

Answer 1

1)首先需要在VS code中安装ESLint扩展

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

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

2) 然后，在 VS 代码中打开 Setting.json 文件。经过 文件-> 首选项-> 设置。

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 代码。