Visual Studio代码:gulp无法识别,添加到路径中

时间:2016-12-19 12:52:56

标签: json node.js gulp visual-studio-code

我尝试在Visual Studio Code中设置一个带有gulp预处理的项目。 我已经使用npm安装了gulp:npm install gulp --save en也在全局安装了它。

在我的gulpfile.js中添加了一些任务,并在Studio Code中填写了tasks.json文件,其中包含详细信息。

当我运行脚本时,Studio会继续说'gulp不被识别为内部命令'。我添加'NODE_PATH'作为系统变量,我可以通过命令行手动启动gulp。 (npm run gulp)。

我做错了什么?

到目前为止我做了什么:

添加了脚本:gulp:gulp到我的package.json(如https://stackoverflow.com/a/32569658/4548006所示)

已安装的模块:

  • npm
  • 吞的样式
  • 吞掉-丑化
  • gulp-pug
  • 吞-pug2

gulpfile.js

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var pump = require('pump');
var pug = require('gulp-pug2');
var stylus = require('gulp-stylus');

gulp.task('default', function(){
    gulp.watch([
        'app/app.js',
        'app/routes/routes.js',
        'app/controllers/**.js',
        'app/directives/**.js',
        'app/services/**.js',
        'app/libs/**.js',], ['scripts', 'scripts-minify']);
    gulp.watch([
        'app/partials/**.pug',
        'app/index.pug'], ['views-compile']);
    gulp.watch([
        'app/style/**.style'], ['stylus']);

})

gulp.task('stylus', function(){
    return gulp.src([
        'app/style/**.style'
    ])
    .pipe(stylus({
        compress:true
    }))
    .pipe(gulp.dest('app/views/css/'))
})

gulp.task('views-compile', function(){
    return gulp.src([
        'app/partials/**.pug',
        'app/index.pug'
    ])
    .pipe(pug.compile())
    .pipe(gulp.dest('app/views'))
})

gulp.task('scripts', function(){
    return gulp.src([
        'app/app.js',
        'app/routes/routes.js',
        'app/controllers/**.js',
        'app/directives/**.js',
        'app/services/**.js',
        'app/libs/**.js']
    )
    .pipe(concat('scripts.js'))
    .pipe(gulp.dest('app/scripts/'))
})

gulp.task('scripts-minify', function(){
    return gulp.src([
        'app/scripts/scripts.js']
    )
    .pipe(concat('scripts.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('app/scripts/'))
});

Tasks.json

{
    "version": "0.1.0",
    "command": "gulp",
    "isShellCommand": true,
    "tasks": [
        {
            "taskName": "default",
            "isBuildCommand": true,
            "showOutput": "always",
            "isWatching": true
        }
    ]
}

0 个答案:

没有答案