vscode中執行gulp的task

本文重點是gulp在vscode中執行task任務的方法 第1步：安裝node。下載地址：https://nodejs.org/zh-cn/ 檢查是否安裝成功：Windows鍵+R快捷鍵開啟cmd,輸入node -v查詢安裝的node版本，查詢到版本號，才是安裝成功。

第2步： 下載外掛：Gulp Snippets===>主要作用就是識別gulp 下載外掛Gulp Tasks==>主要是管理任務，方便執行任務 如下

第3步：gulp的配置 1、在package.json檔案中配置gulp,查詢結果如下 在powershell或者cmd（快捷鍵進入cmd方法後期單獨寫一篇介紹）中輸入（老生常談問題：注意路徑是否正確） npm install gulp --save-dev

2、gulpfiles.js檔案的建立，不能換其他名字 3、引用gulp const gulp=require(gulp")

4、寫測試gulp任務（可寫可不寫，我習慣性安裝好後除錯一下看看是否報錯）

5、寫需要gulp執行的任務

第4步： 這裡重點說一下vscode怎樣便利的執行任務：

配置好gulp以及寫好任務後，執行任務方法如下： 1、可以用gulp tasks這個工具欄，會自動識別你所有的gulp任務名，選擇執行即可 2、在powershell可以直接輸入gulp+任務名字，注意：這裡需要高度注意，必須是根目錄下輸入命令，否則路徑是不對的，會報錯說這個檔案裡找不到gulp，前提你是全域性安裝以及依賴安裝過還報這種錯誤的話。 如果不在當前根目錄下，意思是可能是在gulpfiles的“爺爺”路徑（這個問題可能是建gulpfiles檔案的時候路徑就錯了），通過輸入 cd xxx(gulpfiles的“爸爸”檔名)回車，進入gulpfiles的根目錄下，然後再輸入 gulp+任務名 執行任務

暫時總結的執行gulp任務的二種方法如下：

滑鼠移入會有這個小圖示， 意思分別是：execute task 執行任務 terminate task 終止任務 restart task 重新啟動任務 refresh task 重新整理任務