在專案中需要手動打包，每次需要在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，點選右上角綠色按鈕，就可以執行打包了。

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