vscode中使用gulptask插件

在项目中需要手动打包，每次需要在cmd中输入gulp命令，实在是不想输入了，于是gulptask插件排上了用场，只要点击按钮就可以打包。
一、vscode中查找gulptasks插件点击安装，如下图：

二、配置好项目中的gulp环境，项目目录中有gulpfile.js，我的项目gulpfile.js代码如下：

var gulp = require('gulp'),
    concat = require('gulp-concat'),
    uglify = require('gulp-uglify'),
    minifycss = require('gulp-minify-css'),
    rename = require('gulp-rename'),
    sourcemaps = require('gulp-sourcemaps'),
    header = require("gulp-header");

var versionJs = "v3.0.0";  //js版本
var versionCss = "v3.0.0";  //css版本

//压缩css
gulp.task('minifycss', function () {
    return gulp.src('source/css/*.css')    //需要操作的文件
        .pipe(rename({suffix: '.min'}))   //rename压缩后的文件名
        .pipe(minifycss({
            compatibility: 'ie7'//保留ie7及以下兼容写法 类型：String 默认：''or'*' [启用兼容模式； 'ie7'：IE7兼容模式，'ie8'：IE8兼容模式，'*'：IE9+兼容模式]
        }))   //执行压缩
        .pipe(header("/*" + versionCss + "*/"))  //注释
        .pipe(gulp.dest('css'));   //输出文件夹
});

//合并，压缩 parts文件夹中的js文件
gulp.task('minifyjs', function() {
      gulp.src('source/js/*.js')      //需要操作的文件
     
      .pipe(sourcemaps.init())
      .pipe(rename({ suffix: '.min' }))   //rename压缩后的文件名
      
      .pipe(uglify())    //压缩
      .pipe(header("/*" + versionJs + "*/"))  //注释
      .pipe(sourcemaps.write('maps'))
      .pipe(gulp.dest('js'));  //输出
});


//默认命令，在cmd中输入gulp后，执行的就是这个任务(压缩js需要在检查js之后操作)
gulp.task('default',function() {
    gulp.start('minifyjs');
    gulp.start('minifycss');
});

三、gulpfile.js中的task显示在gulp tasks中，如下图：

四、选择要执行的任务，我的项目中default是执行的入口，选中default task，点击右上角绿色按钮，就可以执行打包了。

是不是不用手敲命令挺好的，只要点击就可以啦。