安裝腳手架
1. 先確定npm是中國鏡像 以及 node版本node盡量是最新版本: 至少>=10.9下載下傳位址:
http://nodejs.cn/download/node -v
3. 檢查npm鏡像是否為中國鏡像重裝 node都會重置鏡像
4. 檢視目前鏡像
npm config get registry
5.設定為淘寶鏡像
npm config set registry http://registry.npm.taobao.org/
安裝angular腳手架
安裝過程中, 可能有詢問. 直接回車即可!
npm install -g @angular/cli
常見報錯: 如果電腦上已經安裝過angular, 則再次安裝需要覆寫之前的; 此時如果登入賬号的權限低, 可能無法覆寫産生錯誤:
ERR! code EEXIST
解決方案: 手動删除之前安裝的包即可檢視報錯中的如下字樣:
ERR! dest 已安裝檔案的路徑
複制已安裝檔案的路徑 到檔案夾的位址欄, 類似于下方; 但不同電腦可能略有差異!
複制已安裝檔案的路徑 到檔案夾的位址欄, 類似于下方; 但不同電腦可能略有差異!
C:\Users\web\AppData\Roaming\npm
需要删除 npm 目錄下 帶有 ng 字樣的
需要删除 npm/node_modules 下 帶有 ng 字樣的
删除之後重新安裝即可!
**
檢視已安裝angularangular 簡稱 ng
ng v
生成項目包注意, 項目包會生成在 cmd 執行所在的目錄下:
ng new 包名
例如:
ng new ng pro
所有詢問都回車, 使用預設項. 因為預設項 就是用的最多的選項出現下方字樣即可: 注意: 如果電腦沒有安裝 git 軟體; 下方會有額外提示; 這沒有任何關系,不影響開發!
因為種種原因: 系統問題, 配置問題, 防火牆, 網絡… 都可能導緻 無法安裝 腳手架 和 生成包!!
終極方案 就是重裝系統, 肯定OK直接用其他人生成的包 就可以了!
啟動項目
必須在項目的根目錄下執行啟動指令根目錄 就是 package.json 檔案所在的目錄
分兩種方式:
-
成功安裝了ng腳手架: ng v 有反應的
ng serve
-
腳手架沒有安裝成功, 解壓縮别人的項目包
npx ng servenpx: 是npm的一個指令. 代表優先執行項目包中的指令 如果沒有才執行全局的指令
安裝angular腳手架-格式化工具-啟動項目 安裝angular腳手架-格式化工具-啟動項目
詳說啟動指令記得關閉防火牆!angular的理念: 盡量讓使用者簡單些 ----- 懶記住: 隻啟動一個服務, 因為端口号不能複用!!! 關閉舊的 才能開啟新的指令行有以下這些:
基礎版本: ng serve
簡化版: ng s
自動開啟 預設浏覽器 版本: -o 代表自動彈出浏覽器
ng s -o
插件注意: vscode 插件不是越多越好; 太多插件會導緻沖突!
運作的另一種方式
格式化工具