天道酬勤,学无止境

gulp integration in Visual Studio 2017 not working

I'm attempting to get gulp integration into Visual Studio 2017. It's working on the command line. The Task Runner Explorer in VS2017 is telling me Failed to load. See output window.

The Output Window is telling me the following:

Failed to run "<ProjectPath>\Gulpfile.js"...
cmd.exe /c gulp --tasks-simple
<ProjectPath>\node_modules\node-sass\lib\binding.js:15
      throw new Error(errors.missingBinary());
      ^
Error: Missing binding <ProjectPath>\node_modules\node-sass\vendor\win32-x64-47\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 5.x
Found bindings for the following environments:
  - Windows 64-bit with Node.js 8.x
This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass --force` to build the binding for your current environment.

I attempt to run npm rebuild node-sass --force, only to be told Error: Can't find Python executable "C:\Python36\python.EXE", you can set the PYTHON env variable., which I confirmed existed.

I'm not sure how much farther I want to go down this rabbit hole. It appears to be a VS issue since everything works as expected on the command line. I'd like to get the gulp integration with VS working correctly.

评论

Point your VS tools to the node installation on your path.

I can see in the error that there a version discrepancy between 5.x and 8.x - with VS likely being the older one (since it ships with pre-packaged and outdated node) and is taking execution precedence with the default setup.

I'm guessing you installed node-sass via your 8.x (external command line) instance but VS is trying to execute your gulp tasks via your VS's internal 5.x. node-sass leverages node-gyp to build a binary via installation scripts, and there will be incompatibilities across versions. In other words, this package, and many others that build binaries, are specifically tailored to the version of node it was installed against. To summarize, everything in node_modules/.bin is built against 8.x but is actually running on 5.x when you do so through Visual Studio.

Fear not, this is easily solved. Check out this answer for some historical context on this long running issue that many face. Basically, you want $(PATH) to be at the top of this list so your OS installation is always used...

Once you do this (just to be safe) - blow away node_modules, reinstall, and happy coding. VS really needs to stop shipping with pinned versions of node...

I ran into this problem on both Visual Studio 2017 and 2019. Apparently my Node install wasn't registered in the PATH variable (and I don't have permission to modify this on my work machine), so I manually added the link to Node at C:\Program Files\nodejs, moved that to the top location and that worked for me.

This drove me nuts until I found one more missing thing. Even if you configured everything as in the other answers you can get the same error, possibly if your user folder is not on the same drive as where Node is installed. Then also add %APPDATA%\npm to the external tools paths so globally installed Node tools will be found too.

So all in all the external tools config in VS should contain these two paths first, in this order:

  1. C:\Program Files\NodeJS (or where you have Node installed).
  2. %APPDATA%\npm

For me without #2 everything was working from the command line everywhere but not in VS. With it added everything now works in VS too.

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • 如何在 Visual Studio 2017 中编译 less/sass 文件(How to compile less/sass files in Visual Studio 2017)
    问题 在 VS <= 2015 中,我们可以使用 WebEssentials 扩展来为我们编译 less/sass 文件,但目前它不支持 VS 2017。您是否知道可以在构建时编译 less/sass 的类似扩展? 回答1 WebEssentials 被拆分为多个扩展。 我相信您想要的功能现在在 Web Compiler 扩展中。 如果你想在没有扩展的情况下做到这一点,你可以使用像 Gulp 这样的任务运行器。 有关如何将 Gulp 任务集成到 VS 的演练,请参见此处。 回答2 更新 - 请阅读此页,因为我已经添加了一个额外的答案(这似乎不再适合我)。 对于像我这样不知道 Gulp 或 Grunt 或 Shriek 或 Wail 的人,也不想知道,您可以让 Visual Studio 2017 自动编译您的 SCSS 文件,就像它在 Visual Studio 2015 中使用的那样。下面的步骤对我有用。 首先卸载 Web Compiler 的所有旧扩展/Nuget 包(我不知道这是否有必要)。 转到 VSIX 库下载页面并选择下载 Web Compiler。 请注意,我首先通过在 Visual Studio 中选择工具/扩展和更新来完成此操作。 虽然这似乎有效,但我发现当我对它们进行更改时,我的部分 SCSS 文件并没有自动编译为 CSS(我不是唯一的一个)。
  • Typescript 调试在 Visual Studio 2017 中不起作用(Typescript debugging not working in Visual Studio 2017)
    问题 我正在将 Visual Studio 2017 版本 15.5.7 用于我的 .NET Web API 项目,并且我正在将 Syncfusion 的角度控件与 systemJS 一起用于 UI。 问题是,我根本无法调试打字稿。 我可以放置一个断点,它看起来像正常的常规断点,直到我点击调试,然后它变得不可用并显示以下消息: 当前不会命中断点。 尚未为此代码位置加载任何代码。 我尝试使用 Chrome、Firefox、Edge 和 IE 进行调试,但无济于事。 .map文件是在构建时生成的,我可以在 Chrome 开发工具中调试转译的 javascript 文件。 另外,我应该提到我无法在 Chrome 中导航到我的打字稿文件。 刚刚生成的javascript文件。 更新: 我还应该提到 Web 项目Properties -> TypeScript Build中的所有选项都被禁用,并且有一条消息: 检测到一个或多个 tsconfig.json 文件。 项目属性被禁用。 我只添加了一个tsconfig.json文件。 VS 使用一些内部的吗? 这可能是个问题吗? 还有一些在我node_modules文件夹一些tsconfig.json文件。 回答1 你不能在visual studio 2017中调试,打字稿。但你可以在源代码部分下的chrome中调试它。请参阅图像文件。 http
  • 如何将 gulp 设置为在 Visual Studio 2017 和 msbuild 中以相同方式运行而无需更改我的构建脚本?(How can I set up gulp to run identically in Visual Studio 2017 and msbuild without having to change my build scripts?)
    问题 我正在努力在 Visual Studio 2017 中设置 gulp。我不确定我哪里出错了,但有几件事我很困惑,我真的找不到任何在线资源任何用途。 我使用的构建系统是 CruiseControl.NET,我希望 gulp 能够使用它。 这是我到目前为止所做的: 安装了 Visual Studio 2017,并选择了.NET Core cross-platform development和Node.js development (以及其他选项)。 创建了一个新项目在项目中添加了一个gulpfile.js文件右键单击该文件并选择Task Runner Explorer 在 Task Runner Explorer 中,我收到错误Failed to load. See output window (Ctl+Alt+O) for more information. Failed to load. See output window (Ctl+Alt+O) for more information. . 然后,如果我执行以下操作: 打开 Node.js 交互窗口运行命令.npm install --global gulp-cli 关闭 Visual Studio 并再次打开它 在 Task Runner Explorer 中,我收到消息(No tasks found) 。 首先,这是在
  • How can I set up gulp to run identically in Visual Studio 2017 and msbuild without having to change my build scripts?
    I'm struggling to get set up with gulp in Visual Studio 2017. I'm not sure where I'm going wrong but there are a few things I'm confused about and I can't really find any online resources that are of any use. The build system I'm using is CruiseControl.NET and I would like gulp to work with it. This is what I've done so far: Installed Visual Studio 2017 with .NET Core cross-platform development and Node.js development selected (amongst other options). Created a new project Added a gulpfile.js file to the project Right-click on the file and choose Task Runner Explorer In the Task Runner
  • Visual Studio 2015 RC Gulp 任务运行器未检测到任务(Visual Studio 2015 RC Gulp task runner not detecting tasks)
    问题 我在 Visual Studio 2015 RC 中有一个 Gulpfile.js,有一个默认任务。 出于某种原因,它没有出现在Task Runner Explorer 。 我已经将 gulp 添加到我的package.json文件中的 devDependencies 并保存了它。 回答1 我也面临同样的问题。 将任务添加到 gulpfile.js 后刚刚重新启动 Visual Studio,我的问题就解决了。 列出了所有任务。 回答2 在候选版本中,编辑package.json的 devDependencies 然后保存不会导致包自动恢复/添加到我预期的项目中。 保存package.json这些包在解决方案资源管理器的依赖项节点中的 NPM 下列出,但在包名称旁边有一个标题"not installed" 。 如屏幕截图所示,手动调用Restore Packages会导致 Visual Studio 安装 pacakges。 安装节点模块后, Task Runner Explorer检测到 gulp 任务。 我希望这对其他人有帮助。 回答3 对我来说,Visual Studio 在安装 npm 模块时崩溃,导致 npm 缓存损坏。 我不得不清理缓存,删除 node_modules,然后重新安装。 关闭 Visual Studio 打开节点命令提示符 cd [PROJECT
  • 如何让 Visual Studio 2017 在构建类库项目时编译 TypeScript(新的 .net 核心样式 .csproj)(How to get Visual Studio 2017 to compile TypeScript on build in class library project (new .net core style .csproj))
    问题 当前运行 VS 2017 15.3.5 和 Typescript 2.5.2 SDK。 如何让 TypeScript 在构建时编译(常规 MSBuild)。 csproj 是新的“.net 核心风格”,项目类型是类库。 回答1 这里是对包括 msbuild 在内的更多构建工具的描述: 最简单的方法: 右键单击 -> 管理 NuGet 包搜索 Microsoft.TypeScript.MSBuild 点击安装安装完成后,重建! 为了能够构建将 tsconfig.json 设置为项目中的内容。 回答2 由于您想使用 MSBuild,您可以按如下方式编辑 .csproj 文件(我使用的是 TypeScript 2.5): <Target Name="PostBuild" AfterTargets="PostBuildEvent"> <Exec Command=""C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.5\tsc.exe" -p tsconfig.json" /> </Target> 这并不理想,因为这是一个硬编码路径,所以我建议将C:\Program Files (x86)\Microsoft SDKs\TypeScript\2.5\到您的 Path 环境变量中。 那么你可以使用一个更Command="tsc.exe
  • 在由 Webpack Visual Studio 2017 .NET Core 2.2 捆绑的 Chrome 中调试 Typescript(Debug Typescript in Chrome bundled by Webpack Visual Studio 2017 .NET Core 2.2)
    问题 有几个问题,但大多数答案似乎是“如果你有 VS 2017,它现在​​应该是默认值”。 我的调试器不工作,所以我想给出我的具体案例以获得一些帮助。 我也是 Typescript 和 Webpack 的新手,可以提供一些上下文。 项目层次 ./wwwroot/bundles/bundle.js <- this is the final bundled file ./Scripts/ <- various directories where all the separate Typescript files live 当项目构建时,它会经历以下步骤: 核心项目构建 gulp 任务开始在 gulp 任务中,我使用 webpack 流将打字稿文件构建到 bundle.js 中 我的tsconfig.json文件的内容 { "compilerOptions": { "noImplicitAny": false, "noEmitOnError": true, "removeComments": false, "sourceMap": true, "strict": true, "noImplicitReturns": true, "target": "es2015", "moduleResolution": "node", "module": "es2015" }, "exclude":
  • Debug Typescript in Chrome bundled by Webpack Visual Studio 2017 .NET Core 2.2
    There are a couple questions out there but most of the answers seem to be "it should be default now if you have VS 2017". My debugger isn't working, so I'd like to give my specific case to get some help. I'm also new to Typescript & Webpack to give some context. Project Hiearchy ./wwwroot/bundles/bundle.js <- this is the final bundled file ./Scripts/ <- various directories where all the separate Typescript files live When the project builds, it goes through these steps: Core project builds gulp task is kicked off Inside the gulp task, I use webpack stream to build the typescript files into the
  • VS2017 Task Runner Explorer 未找到任务(VS2017 Task Runner Explorer No Tasks Found)
    问题 我正在尝试在 VS 2017 中的 MVC Core 项目中设置 gulp。我有我认为有效的 gulpfile.js: var gulp = require('gulp'); var rimraf = require('rimraf'); var concat = require('gulp-concat'); var cssmin = require('gulp-cssmin'); var uglify = require( 'gulp-uglify' ); var paths = { webroot: './wwwroot/', }; paths.js = paths.webroot + 'js/**/*.js'; paths.minJs = paths.webroot + 'js/**/*.min.js'; paths.css = paths.webroot + 'css/**/*.css'; paths.minCss = paths.webroot + 'css/**/*.min.css'; paths.concatJsDest = paths.webroot + "js/site.min.js"; paths.concatCssDest = paths.webroot + "css/site.min.css"; gulp.task("clean:js"
  • 如何在 Visual Studio 2017 中使用带有 ASP.NET CORE 2 的 npm 包?(How to use npm packages with ASP.NET CORE 2 in Visual Studio 2017?)
    问题 我在 Visual Studio 2017 的 ASP.NET Core 2 项目中添加了一些 npm 包。现在我想使用这些包中的 css 和 js 文件,但 VS 看不到它们,因为 node_modules 文件夹在 wwwroot 之外。 这里的常见做法是什么,如何让 Visual Studio 与 node_modules 一起工作? 回答1 一旦您将所需的npm 包添加到您的项目中,您可以通过以下方式: npm install命令要么在npm configuration file输入包名称及其版本要么在Library Dialog搜索包,如下图所示, 它们将在 node_modules 文件夹中下载和恢复。 但是要在您的视图中使用它们,您需要将它们添加到客户端文件夹,例如wwwroot文件夹下的lib 。 您可以通过文件系统手动将它们复制到wwwroot文件夹,或使用库对话框: 右键单击 wwwroot 中的 lib 目录单击添加,然后选择客户端库从提供程序中,选择 fileSystem(如果所需文件已存在于 node_modules 文件夹中) 选择所需的全部或特定文件点击安装 但是,您可以手动管理此文件复制操作。 现在,从wwwroot下的文件夹中,您可以将文件拖放到您的视图中。 如果您的视图是Layout请小心省略~ 。 希望这会有所帮助.... 更多详细信息
  • 如何将通过 NPM 安装的库包含在 Visual Studio 2017 上的 MVC 项目中(How do I include libraries that installed via NPM to my MVC project on Visual Studio 2017)
    问题 我正在尝试从Bower转移到NPM 。 当我使用Bower 时,很容易配置.bowerrc文件并将下载的库放在一个目录中,例如wwwroot/lib 现在,我正在开发一个 ASP.Net Core MVC 应用程序并尝试使用NPM作为我的默认包管理器。 通过在 Visual Studio 2017 中使用命令行, NPM创建package.json文件并将库下载到 node_modules 文件夹。 那么,接下来是什么? 我怎样才能像以前在wwwroot/lib目录中那样获得 JS 或 CSS 文件? 回答1 好的,事情就是这样。 NPM:Node JS 包管理器,可帮助您管理软件所依赖的所有库。 您将在名为 package.json 的文件中定义您的需求,并在命令行中运行 npm install ... 砰,您的软件包已下载并可以使用。 可用于前端和后端。 资源:https://www.quora.com/What-are-the-differences-between-NPM-Bower-Grunt-Gulp-Webpack-Browserify-Slush-Yeoman-and-Express 现在,这里是 NPM 停止和他亲爱的朋友 Gulp 接手的地方。 我无法输入所有内容,但是要将 css 和 js 文件放在一个文件夹中(并使用它们做任何你想做的事情)
  • 如何使用 ASP.NET Core v2 在 Visual Studio 2017 中安装 font-awesome(How to install font-awesome in Visual Studio 2017 using ASP.NET Core v2)
    问题 我正在使用 ASP.NET Core v2 构建网页,并希望使用 font-awesome。 首先让我说我已经尝试了几件事。 比如从 NPM 安装 Bower,从 NPM 安装 font-awesome,在 VS 中从 Bower 包安装 font-awesome 但似乎没有任何效果。 有人可以提供安装 font-awesome 的正确方法吗(最好不使用大量控制台命令或手动复制文件。) 这就是我的 depedencises 目前的样子 回答1 我建议为此使用 LibMan(如何使用它的简短文档)。 我手动写的,打赌你可以通过“添加 - >客户端库”添加它。 这是我的 libman.json { "version": "1.0", "defaultProvider": "cdnjs", "libraries": [ { "library": "font-awesome@4.7.0", "destination": "wwwroot/lib/font-awesome", "files": [ "css/font-awesome.min.css", "fonts/fontawesome-webfont.eot", "fonts/fontawesome-webfont.svg", "fonts/fontawesome-webfont.ttf", "fonts/fontawesome
  • NPM 安装因 node-gyp 失败(NPM install fails with node-gyp)
    问题 我们在项目上运行“npm install”时遇到问题。 找不到某个文件: fatal error C1083: Cannot open include file: 'windows.h' 它似乎来自node-gyp模块: c:\Program Files\nodejs\node_modules\npm\node_modules\node-gyp\src\win_delay_lo ad_hook.c(13): 致命错误 C1083:无法打开包含文件:'windows.h':没有 suc h 文件或目录 [D:\ngs-frontend-next\node_modules\browser-sync\node_module s\socket.io\node_modules\engine.io\ node_modules\ws\node_modules\bufferutil\buil d\binding.sln] 这个 node-gyp 对我们来说似乎是一个永无止境的痛苦之源。 起初它抱怨它需要python,所以我们安装了它。 然后它抱怨它需要我们安装的 VCBuild(使用 .NET 2.0 SDK),现在我们有这个错误。 几乎就好像错误变得越来越模糊,感觉就像我们走上了一条错误的道路。 奇怪的是,我们团队中的其他人在运行 npm-install 时遇到了零问题。
  • Deploying an Angular 2 application from Visual Studio 2017
    I use Visual Studio 2017 and have developed two Angular 2 applications. The first is pure Angular 2 with no backend code (Data comes from wcf services). The second is an Angular 2 SPA application hosted in an MVC application (.net 4.6). They both work great and I can run and edit them in VS2017 with no issues. The problem comes with deploying to an IIS server. At the moment, I am bundling the components from the node_modules directory into .js files using gulp. I am then manually copying all the files for the application (including the gulp bundled files) to a server. This is a laborious
  • 如何在 ASP.NET Core 中使用 Bootstrap 4(How to use Bootstrap 4 in ASP.NET Core)
    问题 我想使用 NuGet 更新 ASP.NET Core 中的 Bootstrap。 我用过这个: Install-Package bootstrap -Version 4.0.0 它确实添加了依赖项,但我现在如何将其添加到我的项目中? 本地 NuGet 依赖项的路径是什么? 回答1 正如其他人已经提到的,包管理器 Bower,通常用于不依赖大量客户端脚本的应用程序中的此类依赖项,正在退出并积极建议转向其他解决方案: ..pst! 在维护 Bower 的同时,我们建议将 yarn 和 webpack 用于新的前端项目! 所以虽然你现在仍然可以使用它,但 Bootstrap 也宣布放弃对它的支持。 因此,内置的 ASP.NET Core 模板也在慢慢被编辑以远离它。 不幸的是,没有明确的前进道路。 这主要是因为 Web 应用程序不断向客户端移动,需要复杂的客户端构建系统和许多依赖项。 因此,如果您正在构建类似的东西,那么您可能已经知道如何解决这个问题,并且您可以扩展现有的构建过程,以便在其中也包含 Bootstrap 和 jQuery。 但是仍然有许多 Web 应用程序在客户端没有那么重,应用程序仍然主要在服务器上运行,因此服务器提供静态视图。 Bower 之前通过使发布客户端依赖项变得容易而无需那么多流程来填补这一点。 在 .NET 世界中,我们也有 NuGet,在以前的 ASP
  • 在 Visual Studio 2017 中更新节点版本(Update Node Version in Visual Studio 2017)
    问题 有谁知道在 Visual Studio 2017 中更新 Node 的认可方法? 我已经在我的开发 PC 上设置了 Node 6,但 VS2017 似乎附带了 Node 5 的捆绑副本,这意味着在我的命令行上运行npm install设置各种包,例如带有 Node 6 绑定的node-sass ,所以当我然后从 VS Task Runner 运行 gulp 任务时,由于版本不匹配,事情失败了。 我在C:\Program Files (x86)\Microsoft Visual Studio 14.0\Web\External找到了 VS Node 安装,但我有点不情愿只是破解并替换它。 有人有升级这个的经验吗? 我知道我可以通过降级 PC 上的版本来同步,但这似乎倒退了。 回答1 去: 工具 > 选项 > 项目和解决方案 > Web 包管理 > 外部 Web 工具 然后,您需要将 Node 安装目录添加到列表顶部,如下所示: 回答2 您不需要添加新的 Node 安装目录,Node 存在于 PATH 中。 请注意$(PATH)如何位于内部路径$(DevEnvDir)\Extensions\Microsoft\Web Tools\External下方。 要在内部路径之前使用全局 PATH 环境变量,您只需使用右上角的箭头来更改顺序。 这就是在搜索内部路径之前搜索全局路径时的样子
  • 如何在Visual Studio 2013中使用Sass(How to use Sass in Visual Studio 2013 [closed])
    问题 关闭。 此问题不符合堆栈溢出准则。 它当前不接受答案。 想要改善这个问题吗? 更新问题,使它成为Stack Overflow的主题。 4年前关闭。 改善这个问题 如何在Visual Studio 2013中使用Sass CSS预处理器? 是否有任何扩展可为Sass提供支持? 回答1 Visual Studio 2013更新2 Visual Studio 2013 Update 2对SCSS和LESS文件均具有本机语法支持。 您可以创建SCSS或LESS文件,并查看这些文件类型的语法突出显示和智能提示。 但是,它不提供编译方法。 这是博客的链接,其中解释了这些新功能: 我们在VS2013 RTM中添加了LESS,现在我们有了一个SASS项目项和编辑器。 SASS编辑器功能可与LESS编辑器媲美,包括着色,变量和Mixins智能感知,注释/取消注释,快速信息,格式,语法验证,概述,转到定义,颜色选择器,工具选项设置等。 请注意:此更新似乎仅支持较新的SassyCSS语法。 我尝试使其与较早的缩进SASS语法一起使用没有任何成功。 汇编 Web Essentials 。 这是一个很棒的工具,可以为您完成所有“艰巨”的工作。 Web Essentials的较新版本可用于Visual Studio 2013 Update 3、4和5。 另一个仅处理编译的免费软件是CompileSASS
  • 如何在 MVC 5 中使用 Visual Studio 2015 设置 angular-cli?(How to set up angular-cli with Visual Studio 2015 in MVC 5?)
    问题 我正在寻找一些关于如何在MVC 5 (非核心)中设置和集成 angular-cli (webpack) 与 Visual Studio 2015 的最佳实践和说明。 我意识到这里有一个类似的问题(如何在 Visual Studio 2015 中使用带有 ASP.NET Core 的 Angular-Cli 设置 asp.net angular 2 项目?),但这仅适用于 Asp.net Core。 由于服务器技术问题,我的项目还不能转移到 Core。 回答1 这是我的解决方案: 保持一个空的 index.html 运行 ng build 以生成 index.html 并注入脚本和样式链接创建一个 Gulp/Grunt 任务,将 index.html 中的所有脚本和样式链接提取到一个 json 文件,比如 manifest.json。(这里我使用 Cheerio 和 Gulp-asset-manifest) 使用 Razor 语法编写逻辑以读取 manifest.json 并输出到您的 MVC 视图 它非常适合我的 ASP.net MVC 5 项目。 但是,在支持 publicPath 之前,它无法与路由延迟加载一起使用,因为块 js 文件的 url 是从根文件夹而不是 dist 文件夹加载的。 例如: 正确的块 js 文件应该是: www.example.com/MyApp
  • 为 VS2017 设置 TSLint(Set up TSLint for VS2017)
    问题 我曾尝试安装这个插件:Web Analyzer,但不幸的是它无法在 VS 2017 中安装。它显示: VSIXInstaller.NoApplicableSKUsException:此扩展无法安装在任何当前安装的产品上。 我想知道是否有一种方法可以在 VS 中设置 tslint 或者还有其他方法可以检查语法吗? 回答1 由于这是谷歌的顶级结果,我想添加一个更新的答案。 Microsoft 现在有一个 tslint 插件,可与 Typescript 3+ 以及 Visual Studio、VSCode 和其他编辑器一起使用: https://github.com/Microsoft/typescript-tslint-plugin 设置 安装依赖 npm install --save-dev typescript tslint typescript-tslint-plugin 添加到 tsconfig.json: { "compilerOptions": { "plugins": [ { "name": "typescript-tslint-plugin" } ] } } 用 lint 开发! 回答2 现在 TypeScript 有语言服务器插件支持并且有 TSLint 插件,另一个选项可用: 安装 Visual Studio 2017 更新 2 为 Visual Studio
  • Visual Studio 2015/2017 中的 TSLint?(TSLint in Visual Studio 2015/2017?)
    问题 我的组织大量使用 TSLint 对我们的 Typescript 代码进行质量检查,它为我们提供了宝贵的服务! 但是,我们使用 Visual Studio 2015 和 2017 作为我们的主要 IDE,并且是获取 linting 结果的唯一方法,它运行 gulp/grunt 任务,将输出打印到 Task Runner Explorer 控制台。 它可以工作,但速度很慢,而且不是最好的开发体验。 在我自己的较小项目中,我使用了 VSCode,它有一个很棒的 TSLint 插件,可以在您创建时突出显示 linting 违规,并提供对某些 TSLint 规则具有的自动修复程序的访问权限。 像这样: 是否可以在 Visual Studio 2015/2017 中获得相同的功能? 即时反馈是编写 TypeScript 代码时的救星。 回答1 正如@Hermann Gruber 所提到的,在 Visual Studio 2015 中,Mads Kristensen 的 Web Analyzer 扩展为您需要的那种 TSLint 提供支持。 对于 Visual Studio 2017 和 2019,我现在已经亲自升级了 Mads 的扩展,并将其重新命名为“TypeScript Analyzer”,因为它只支持 TSLint。 它可以在 Visual Studio 的“TypeScript