學習angular之gulp命令列無法執行

2022-08-09 07:09:12 字數 790 閱讀 6394

在專案中,從svn中checkout之後,通過專案中packages.json安裝node_modules中的依賴包:方法是在進入gulpfile.js所在目錄(d:\web),開啟命令列,輸入npm install 

npm install

如果下圖:

載入完成之後,(gulpfile.js檔案配置正確)輸入gulp-v 或gulp相關的命令(例如gulp less、gulp build)報錯,如下圖

問題分析:

原因一:環境變數沒有設定

解決方法:

解決方法一:設定環境變數

1.計算機(右擊)->屬性->高階系統設定 -> 高階->環境變數

2.找到node全域性檔案路徑,輸入npm config get prefix

3.關閉命令列視窗,重新開啟

解決方法二:全域性安裝gulp

1.說明:全域性安裝gulp的目的是通過它執行gulp任務

2.安裝:命令提示符執行npm install gulp -g

3.命令提示符執行gulp -v ,驗證一下是否正確安裝

出現版本號,說明問題已經解決,可以使用gulp-v、gulp less、gulp build等執行操作

總結:1.兩種方法配置完成之後,命令提示符都需關閉之後,再重新開啟,才能起作用。

玩轉gulp之gulp編譯less

用好gulp grunt webpack讓前端程式設計走向自動化,是作為乙個前端開發必須學會的技能,不然逼格怎麼提公升的上去呢。然後教大家如何用gulp裝逼。一點點的學,都是相通的嘛 1.安裝node 2.安裝npm 3.安裝cnpm 4.安裝全域性gulp 5.cnpm init建立package...

gulp學習之四 編譯 LESS

npm install gulp less 獲取 gulp var gulp require gulp 獲取 gulp less 模組 var less require gulp less 編譯less 在命令列輸入 gulp less 啟動此任務 gulp.task less function 在...

Angular學習 三 生命週期鉤子

angular提供了生命週期鉤子,把這些關鍵生命時刻暴露出來,賦予我們在它們發生時採取行動的能力。可以將鉤子函式理解為在合適的時候做合適的事情。官方給出的解釋是 每個元件都有乙個被 angular 管理的生命週期。angular 建立它,渲染它,建立並渲染它的子元件,在它被繫結的屬性發生變化時檢查它...