Visual Studio Code配置gulp並運行

配置及運行步驟

1. 下載extenstions中的“Gulp Snippets”;

2. 如果是已存在gulp插件的項目，直接找到配有gulp依賴的package.json文件所在目錄，運行“npm install”命令；
   如下圖所示，爲本項目需要安裝的gulp插件及其依賴；
   

3. 找到項目中的gulpfile.js文件，並打開；

4. 點擊 調試—啓動調試：

5. 添加gulp配置，如下圖所示；
   

6. 修改“launch.js”工作區文件，如下圖所示：
   圖中的劃紅線的文件路徑需要根據實際地址進行改正，改完並將配置保存；

7. 切換到終端，輸入 gulp 回車（gulpfile.js中名爲default的task將會自動執行）；

運行報錯原因及解決方法

運行“gulp”命令後，報了‘gulp : 無法將“gulp”項識別爲 cmdlet、函數、腳本文件或可運行程序的名稱。請檢查名稱的拼寫，如果包括路徑，請確保路徑正確，然後再試一次’的錯誤，如下圖所示：

根據錯誤提示可知，應該是gulp沒有安裝，但之前在第二步已經安裝了gulp插件及其依賴。猜測可能是需要全局安裝gulp，故運行“npm i -g gulp”命令。再次在終端運行“gulp”命令沒有再報上述錯誤。