在VS2015中使用gulp在ASP.NET 4.5.2MVC项目中进行更少的编译

Question

我尝试了新的ASP.NET vNext，我非常喜欢gulp的工作方式。现在，我正在尝试在ASP.NET 4.5.2MVC项目中使用gulp进行更少的编译。

我跟着这寻求帮助。

以下是我迄今所做的工作：

使用以下代码添加了一个package.json文件。

{
  "name": "package",
  "version": "1.0.0",
  "private": true,
  "devDependencies": {
    "gulp": "3.9.0",
    "gulp-bower": "0.0.10",
    "gulp-config": "0.3.0",
    "gulp-less": "3.0.3",
    "gulp-plumber": "1.0.1"
  }
}

在gulpfile.js中创建一个Gulp任务

var gulp = require('gulp');
var less = require('gulp-less');
var path = require('path');
var plumber = require('gulp-plumber');
gulp.task('less', function () {
    return gulp.src('./Content/**/*.less')
    .pipe(plumber())
      .pipe(less({
          paths: [path.join(__dirname, 'less', 'includes')]
      }))
      .pipe(gulp.dest('./content/'));
});

但是，我得到了以下错误(在输出窗口中)：

无法运行"C:\Users\me\documents\visual studio 2015\Projects\projectname\Gulpfile.js“.cmd.exe /c gulp -任务--简单的'gulp‘不被识别为内部或外部命令、可操作的程序或批处理文件。

我猜npm不会下载gulp。知道该怎么做吗？

Answer 1

在Package控制台中键入npm install将向项目添加一个node_modules文件夹。package.json文件中指定的所有依赖项都将添加到该文件夹中。

在这种情况下，既然已经安装了gulp，错误就应该消失了。

Answer 2

在Visual 2015中，您不应该需要全局安装Gulp才能使用它。当Gulp被npm安装到项目中时，它会将gulp.cmd添加到项目中的一个文件夹(./node/..bin默认情况下)。Visual默认情况下在路径中包含该路径，在路径中查找Grunt、Gulp、Bower和npm等外部工具。这在Tools->Options->Projects And Solutions->External Web Tools中是可配置的。

我的猜测是，当您第一次创建package.json文件时，npm没有成功地安装这些包。无论何时保存package.json文件，Visual都会为项目运行npm install，因此甚至不需要打开控制台窗口。但是，如果将现有的package.json文件添加到项目中，它不会自动为您安装。在这种情况下，您需要自己运行npm install，或者打开并保存该文件以获得VS来帮助您。

Answer 3

简单的回答是，要消除此错误，请使用以下命令全局安装gulp : npm安装gulp -g

在VS2015，RC必须在全球范围内安装。否则VS就认不出来了。您可以在这里找到详细的解释：http://www.dotnetcurry.com/visualstudio/1096/using-grunt-gulp-bower-visual-studio-2013-2015

应该在VS2015 RTM中修复，但我还没有检查过。

不应该需要为单独的包运行npm安装。如果启用隐藏文件夹，您应该看到VS在保存package.json文件之后默认下载所有nodejs模块。下载日志可以在VS2015 RTM的输出窗口"Bower/NPM“中找到。如果启用隐藏文件夹或查看web项目目录，则应该会看到node_modules文件夹，其中包含在package.json文件中指定的所有包。