使用工具预览 1 Visual Studio 2015 for ESlint答案

【问题标题】：Using tooling preview 1 Visual Studio 2015 for ESlint使用工具预览 1 Visual Studio 2015 for ESlint
【发布时间】：2016-09-30 17:04:27
【问题描述】：

我已经安装了工具预览 1 (https://go.microsoft.com/fwlink/?LinkId=798481)，因为我希望 VS 检查 ESLint，现在我使用 VS-Code，如果 VS15 能够承担这项任务，那就太好了。

像这样： https://forums.meteor.com/t/eslint-now-officially-integrated-with-visual-studio-2015/23798

安装后Í 在工具下获得“Web 代码分析”，我可以选择 .eslintrc 来添加我自己的规则。我已经通过复制“Gulp Watch”使用的其他文件来尝试过，但这不起作用。我试图更改默认规则，但没有任何反应。

安装了这个并且它工作的人可以解释如何添加你自己的规则并让它工作，谢谢！！

【问题讨论】：

不确定你是否明白这一点，但 VS 中有一些选项可能会影响这一点。我认为在您的情况下，“忽略嵌套文件”可能是罪魁祸首。它位于选项 -> Web -> 代码分析下。也就是说，这也会阻止它分析 .min.js 文件。

标签： visual-studio-2015 eslint

【解决方案1】：

您准确地说您遇到了 Tooling Preview 1 的问题，但我知道版本 2 也存在类似问题。该错误已报告（参见thread）。 markvp 提出的解决方案解决了我的问题。这是他的帖子：

我们也遇到过这个问题。

当他们试图修复它时……试试这个变通方法……

检查 VS 安装文件夹中的 Web\External 文件夹（通常 C:\Program Files (x86)\Microsoft Visual Studio 14.0) 用于名为 eslint.cmd

如果不存在，请在该文件夹中打开命令提示符并键入 npm 安装 eslint

如果这不能解决您的问题（或者您已经有一个 eslint.cmd 文件），将该方向的完整位置添加到您的 PATH 环境变量。例如C:\Program 文件 (x86)\Microsoft Visual Studio 14.0\Web\外部。

（请参阅 google 以获取说明，因为它取决于您的 Windows 操作系统版本）。

如果这些都不能解决问题，请尝试手动删除 eslint node_modules 文件夹中的子文件夹和两个 eslint 文件 Web\外部文件夹。然后使用命令重新尝试上面的安装以提升的权限提示（以管理员身份运行）。

然后如果你在你的项目根目录下添加一个.eslintrc文件，你就可以覆盖eslint规则。

{
  "extends": "eslint:recommended",
  "parser": "babel-eslint",
  "env": {
    "browser": true
  },
  "globals": {
    "angular": false
  },
  "rules": {
    "quotes": [ "error", "single" ]
    // add rules here
  }
}

请注意，如果您扩展"eslint:recommanded"，默认情况下已经设置了很多规则。更多信息可以在official documentation找到。

【讨论】：