Visual Studio Code 2017 和 Gulp - 任务显示，但没有运行？答案

【问题标题】：Visual Studio Code 2017 and Gulp - tasks show, but arent running?Visual Studio Code 2017 和 Gulp - 任务显示，但没有运行？
【发布时间】：2018-11-02 22:55:53
【问题描述】：

试图让 gulp 在 Visual Studio Code 2017 中的测试站点上运行。这是我迄今为止所做的简要说明：

创建了一个工作区
节点命令提示符'npm install --global gulp'
cd 到工作区文件夹和“init npm”
npm install gulp --save-dev
npm install gulp-sass --save-dev
npm install gulp-uglify --save-dev
npm install gulp-imagemin --save-dev
npm install gulp-watch --save-dev

在工作区的根目录中创建了一个 gulpfile.js ：

var gulp = require('gulp');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');

gulp.task('sass', function () {
    return gulp.src('_config/scss/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('assets/css'));
});

gulp.task('js', function () {
    return gulp.src('_config/js/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('assets/js'));
});

gulp.task('scripts', function () {
    return gulp.src('_config/scripts/**/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('assets/scripts'));
});

gulp.task('img', function () {
    return gulp.src('_config/img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('assets/img'));
});

gulp.task('watch', function () {
    gulp.watch('_config/scss/**/*.scss', ['sass']);
    gulp.watch('_config/js/**/*.js', ['js']);
    gulp.watch('_config/scripts/**/*.js', ['scripts']);
    gulp.watch('_config/img/**/*', ['img']);
});

gulp.task('default', ['sass', 'js', 'scripts', 'img']);

现在，我应该能够在 _config/scss/ 中创建一个 .scss 文件，它会继续在 /assets/css/ 中创建最小 css 版本，但这不会发生。如果我点击“ctl-shift-p”并转到“运行任务”，我会看到检测到任务，但这将是手动运行的。当我打开工作区时，我需要做什么才能自动启动...在这种情况下，我的监视任务将按应有的方式运行？

我找到了一些关于专门用于 VS Code 的 tasks.json 文件的内容，但找不到关于该文件及其应包含内容的大量信息。

任何帮助将不胜感激。

【问题讨论】：

标签： node.js gulp visual-studio-code

【解决方案1】：

只需在您的终端中输入'gulp'（不带引号），它将启动'default' 任务，该任务将启动您的所有其他任务。

但是，您目前没有自动启动 'watch' 任务，因此请将其添加到 'default' 任务中：

gulp.task('default', ['sass', 'js', 'scripts', 'img', 'watch']);

当您要结束此任务时，请在终端中按 Ctrl-C。

[可能有一些方法可以让 gulp 默认任务在您打开工作区时自动启动，但首先要做的事情是先让它工作。]

[另外，没有 Visual Studio Code 2017 这样的东西。]

【讨论】：