代码之家  ›  专栏  ›  技术社区  ›  user756659

Visual Studio Code 2017和Gulp-任务显示,但没有运行?

  •  0
  • user756659  · 技术社区  · 8 年前

    试图让gulp在Visual Studio Code 2017中的测试站点上运行。以下是我迄今为止所做工作的概述:

    • 创建了一个工作区
    • 节点命令提示符“npm安装--全局gulp”
    • cd到工作区文件夹和“初始化npm”
    • npm安装gulp--保存开发人员
    • npm安装gulp sass——拯救开发者
    • npm安装gulp uglify——拯救开发者
    • npm安装gulp imagemin--保存开发
    • npm安装gulp watch--保存开发人员

    创建了一个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']);
    

    现在,我应该可以创建一个。scss文件在_config/scss/中,它将继续在/assets/css/中创建最小css版本,但这不会发生。如果我点击“ctl-shift-p”并转到“运行任务”,我会看到任务被检测到,但这将用于手动运行。当我打开工作区时,我需要做什么才能启动自动。。。在这种情况下,我的手表任务会正常运行吗?

    我发现了一些关于任务的东西。json文件专门用于VS代码,但找不到关于它的全部信息以及它应该包含什么。

    任何帮助都将不胜感激。

    1 回复  |  直到 8 年前
        1
  •  0
  •   Mark    8 年前

    只是打字 'gulp' 在你的终端(不带引号),它将启动 'default' 启动所有其他任务的任务。

    但是,您目前没有 'watch' 任务已自动启动,请将其添加到 “违约” 任务:

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

    要结束此任务,请按 Ctrl键 - C 在候机楼。

    [当你打开工作区时,可能有一些方法可以让默认任务自动启动,但首先要做的是——首先让它工作。]

    [此外,没有Visual Studio Code 2017这样的东西。]

    推荐文章