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

後續有其餘安裝問題我會繼續更新，敬請關注！