ESLint 支持 Visual studio 2017
ESLint support Visual studio 2017
ESlint static intellisense 在 Visual Studio 2017 中似乎不受支持,这使得 .js 文件中的编码变得非常痛苦,因为我必须 运行 CMD eslint 命令来获取任何 linting 错误.在 VSCode 中,我只能使用 ESLint 扩展。 Visual studio 2017 年呢?
他们有什么方法可以启用它吗?
如何让 ESLint 在 Visual Studio 2019 年和 2017 年工作:
2019 v16 & 2017 >= v15.8
我在最后包含了以前版本的说明,但如果您需要此功能,请帮自己一个忙,升级一下。
从菜单中:工具 > 选项 > 文本编辑器 > Javascript/Typescript > Linting
勾选Enable Eslint
global-in-visual-studio .eslintrc
文件与其他 visual studio 配置位于您的根用户目录 (Windows 10)。你仍然可以通过 npm install eslint -g
在你的机器上安装 eslint。 VS不会使用它。它带有 react 插件,但您可以安装其他插件,它们会起作用。您可以在项目中正常扩展配置 (eslint ref)
它使用 Eslint v4 但符合。到 MS 文档,
if your project has a local installation of ESLint, it will use that version instead
2017 v.15.7
从菜单中:工具 --> 选项 --> 文本编辑器 --> Javascript/Typescript
将 Enable Eslint 设置为 True(如果尚未启用)
然后从主菜单:工具 --> Web 代码分析 --> 编辑 ESLint 设置
您必须保存 .eslintrc
和 your.js
文件才能使规则生效。可能有一种方法可以在您键入时启用智能感知,但我还没有找到它。我发现如果我在 visual studio 已经开始 linting 之后更新规则,我必须重新启动项目才能使新规则生效。仍然很笨重,但这是快速实现编码标准的好方法,尤其是当您将其与文本编辑器格式匹配并使用自动格式保存插件时,如 this one
记得编辑 .eslintrc
文件,找到 here
的 ESLint 2.0.0 格式
Visual Studio 的 eslint 版本不是最新版本,这就是为什么你无法让 eslint 像 VSCode 中那样工作的原因。
有一个名为 VisualLinter 的扩展,可让您使用更新版本的 eslint。
截至 14/8/2018 eslint 在 Visual Studio 2017 (15.8.0)
中得到更好的支持
https://docs.microsoft.com/en-us/visualstudio/releasenotes/vs2017-relnotes-v15.8#eslint-improvements
我不知道这是否是 15.8.2 更新的一部分(刚刚在 2018 年 8 月 23 日添加),但选项的布局略有变化:
与 Web 代码分析下的菜单选项一样:
我突然开始从它那里得到最多的 picayune 错误(比如 "Expected '===' and instead saw '=='."),我怀疑这是因为它 "improved" 工作得更好。
ESlint static intellisense 在 Visual Studio 2017 中似乎不受支持,这使得 .js 文件中的编码变得非常痛苦,因为我必须 运行 CMD eslint 命令来获取任何 linting 错误.在 VSCode 中,我只能使用 ESLint 扩展。 Visual studio 2017 年呢?
他们有什么方法可以启用它吗?
如何让 ESLint 在 Visual Studio 2019 年和 2017 年工作:
2019 v16 & 2017 >= v15.8
我在最后包含了以前版本的说明,但如果您需要此功能,请帮自己一个忙,升级一下。
从菜单中:工具 > 选项 > 文本编辑器 > Javascript/Typescript > Linting
勾选Enable Eslint
global-in-visual-studio .eslintrc
文件与其他 visual studio 配置位于您的根用户目录 (Windows 10)。你仍然可以通过 npm install eslint -g
在你的机器上安装 eslint。 VS不会使用它。它带有 react 插件,但您可以安装其他插件,它们会起作用。您可以在项目中正常扩展配置 (eslint ref)
它使用 Eslint v4 但符合。到 MS 文档,
if your project has a local installation of ESLint, it will use that version instead
2017 v.15.7
从菜单中:工具 --> 选项 --> 文本编辑器 --> Javascript/Typescript 将 Enable Eslint 设置为 True(如果尚未启用)
然后从主菜单:工具 --> Web 代码分析 --> 编辑 ESLint 设置
您必须保存 .eslintrc
和 your.js
文件才能使规则生效。可能有一种方法可以在您键入时启用智能感知,但我还没有找到它。我发现如果我在 visual studio 已经开始 linting 之后更新规则,我必须重新启动项目才能使新规则生效。仍然很笨重,但这是快速实现编码标准的好方法,尤其是当您将其与文本编辑器格式匹配并使用自动格式保存插件时,如 this one
记得编辑 .eslintrc
文件,找到 here
Visual Studio 的 eslint 版本不是最新版本,这就是为什么你无法让 eslint 像 VSCode 中那样工作的原因。
有一个名为 VisualLinter 的扩展,可让您使用更新版本的 eslint。
截至 14/8/2018 eslint 在 Visual Studio 2017 (15.8.0)
中得到更好的支持https://docs.microsoft.com/en-us/visualstudio/releasenotes/vs2017-relnotes-v15.8#eslint-improvements
我不知道这是否是 15.8.2 更新的一部分(刚刚在 2018 年 8 月 23 日添加),但选项的布局略有变化:
与 Web 代码分析下的菜单选项一样:
我突然开始从它那里得到最多的 picayune 错误(比如 "Expected '===' and instead saw '=='."),我怀疑这是因为它 "improved" 工作得更好。