ESLint支持Visual Studio 2017

ESLint support Visual studio 2017

在Visual Studio 2017中似乎不支持eslint static intellisense,这使得在.js文件中进行编码变得非常困难,因为我必须运行cmd eslint命令来获取任何linting错误。在vscode中,我只能使用eslint扩展。Visual Studio 2017怎么样?

他们有什么办法让我启用它吗?


如何让eslint在Visual Studio 2017中工作:

我正在与Visual Studio 2017 v.15.8合作,它改进了对eslint的支持。我在末尾已经包含了以前的版本说明,但是如果您想要这个功能,请帮自己升级。

从菜单:工具>选项>文本编辑器>javascript/typescript>linting

检查EDOCX1[0]enter image description here

Visual Studio中的全局.eslintrc文件与其他Visual Studio配置一起位于根用户目录(Windows 10)中。您的计算机上仍然可以通过npm install eslint -g安装eslint。vs不会使用它。它附带了React插件,但您可以安装其他插件,它们也会工作。您可以在项目中正常扩展配置(eslint-ref)

它使用eslint v4,但根据ms-docs,

if your project has a local installation of ESLint, it will use that version instead

对于V.157从菜单:工具>选项>文本编辑器>javascript/typescript将启用eslint设置为true(如果尚未设置)

然后从主菜单:工具>Web代码分析>编辑eslint设置

您必须保存.eslintrcyour.js文件才能使规则生效。可能有一种方法可以在您键入时启用IntelliSense,但我没有找到它。我发现,如果在Visual Studio开始linting之后更新规则,则必须重新启动项目,新规则才能生效。仍然笨重,但这是快速实现编码标准的好方法,尤其是当您将其与文本编辑器格式相匹配,并在类似这样的保存插件上使用自动格式时。

只需记住以eslint 2.0.0格式编辑.eslintrc文件即可,此处提供


我不知道这是否是15.8.2更新的一部分(18年8月23日刚添加),但选项的布局略有变化:

enter image description here

与"Web代码分析"下的菜单选项一样:

enter image description here

我突然开始从中得到最多的picayune错误(比如"expected"===",而不是看到"==""),我怀疑这是因为它已经"改进"以更好地工作。


截至2018年8月14日,Eslint在Visual Studio 2017(15.8.0)中获得了更好的支持。

https://docs.microsoft.com/en-us/VisualStudio/ReleaseNotes/VS2017-RelNotes-V15.8 Eslint改进


Visual Studio的eslint版本不是最新的版本,这就是为什么您不能让eslint像在vscode中那样工作。

有一个扩展名为VisualLinter,它允许您使用更新版本的esLint。