angular/cli 安裝遇到的那些事

第一步:設置開發環境
在開始工作之前,你必須設置好開發環境。
如果你的電腦裏沒有 Node.js®和 npm,請安裝它們。
然後全局安裝 Angular CLI(最新版本)

npm install @angular/cli -g

或者安裝指定的版本:

npm install @angular/cli@版本號 -g

安裝完成可以利用命令檢測自己安裝的版本:

ng version

即可查看

第二步:創建新項目
打開終端窗口。
運行下列命令來生成一個新項目以及默認的應用代碼:

ng new my-app(項目文件夾名稱)

Angular CLI 會安裝必要的 NPM 包、創建項目文件,並在該項目中生成一個簡單的默認應用。這可能要花一點時間。
第三步:啓動開發服務器
進入項目目錄,並啓動服務器。

cd my-app
ng serve --open

ng serve 命令會啓動開發服務器,監聽文件變化,並在修改這些文件時重新構建此應用。
使用 --open(或 -o)參數可以自動打開瀏覽器並訪問 http://localhost:4200/。
成功安裝執行--open命令會自動彈出angular歡迎頁面。
安裝出錯:
安裝過程中可能出現錯誤:
”Cannot find module ‘@angular-devkit/core’”如果提示這個錯誤,
原因就是缺少@angular-devkit/core,其實這種問題在新創建程序的時候就有提示
比如在執行完ng new newProject 之後會出現。

解決辦法就是自己安裝,進入程序目錄執行下面的指令:

npm i --save-dev @angular-devkit/core

如果再次提示@angular-devkit/core沒有安裝成功的話就需要卸載angular-cli重新安裝angular-cli了。

npm uninstall -g angular-cli
npm install -g @angular/cli@latest

後續有其他安裝問題我會繼續更新,敬請關注!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章