Vue 中的 ESLint 代码格式答案

【问题标题】：ESLint code format in VueVue 中的 ESLint 代码格式
【发布时间】：2018-02-01 19:11:56
【问题描述】：

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

我导入了 ESLint 扩展。

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

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

我需要做什么才能让 vscode 根据 ESLint 规则进行格式化？

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

【问题讨论】：

标签： vue.js visual-studio-code eslint

【解决方案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 文件。经过文件-> 首选项-> 设置。

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

【讨论】：

【解决方案2】：

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

【讨论】：

我执行了npm install eslint，然后是eslint --init，但它给出了错误，它找不到eslint 作为Cmdlet、函数或脚本文件的名称。
尝试清理缓存然后npm install eslint --save-dev，'eslint --int`，你也可以使用sudo全局安装。
在npm install -g eslint 然后eslint --init 运行后，我回答了配置问题。我重新审视了 VS Code，但它仍然没有格式化代码。我还需要做一些其他的启动或设置吗？
在我的设置中 "eslint.enable": true, 所以它应该可以工作，不是吗？
我该如何清理缓存？当我键入 CTRL-P 并“缓存”时，它不会显示任何命令。