第一步:設置開發環境
在開始工作之前,你必須設置好開發環境。
如果你的電腦裏沒有 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
後續有其他安裝問題我會繼續更新,敬請關注!