一、NPM安裝
1.1 NPM與Node.js
NPM是Node提供的模塊管理工具，可以非常方便的下載安裝很多前端框架，包括Jquery、AngularJS、VueJs等都有。因此，要想安裝Angular框架，首先安裝Node，Node直接包含了NPM工具，這是最直接方便的辦法。
Node下載地址：https://nodejs.org/zh-cn/download/，建議直接下.msi文件，安裝方便。
注意：AngularJS與Angular有區別的，一般認為1.x版本是AngularJS，2.0之后的版本是Angular。
1.2 鏡像切換
（1）安裝完Node后，在控制台輸入：
node -v
可以查看Node的版本信息。
（2）查看npm版本，輸入：
npm –v
npm版本信息：
（3）npm默認的倉庫地址是在國外網站，速度較慢，建議設置到淘寶鏡像。但是切換鏡像是比較麻煩的。推薦安裝一款切換鏡像的工具：nrm。在控制台輸入：
npm –g install nrm -g代表全局安裝
然后，查看npm的倉庫列表：
nrm ls
倉庫列表信息：
指定要使用的鏡像源，在控制台輸入：
nrm use taobao
最后，可以測試一下速度，在控制台輸入：
nrm test npm
注意：有教程推薦大家使用cnpm命令，但是網上有說使用cnpm發現有時會有bug，不推薦。安裝完成后，可以重啟一下電腦。
二、Angular安裝
2.1 安裝Angular CLI
Angular CLI 可以用來創建項目、生成應用和庫代碼，以及執行各種持續開發任務，比如測試、打包和部署。
全局安裝Angular CLI，在控制台輸入：
npm install -g @angular/cli
2.2 安裝TypeScript
TypeScript 是 JavaScript 的一個超集，支持 ECMAScript 6 標准，是一門重視數據類型的語言。TypeScript 由微軟開發的自由和開源的編程語言。Angular建議使用TypeScript作為開發開發語言，因此需要安裝TypeScript編譯器。
全局安裝TypeScript編譯器，在控制台輸入：
npm install -g typescript
三、Angular快速搭建
3.1 創建工作空間和初始化應用
使用 CLI 命令，在工作空間目錄下運行：
ng new my-app #my-app為項目名稱
ng new 命令會提示你提供要把哪些特性包含在初始應用中。Angular CLI 會安裝必要的 Angular npm 包和其他依賴包。這可能要花幾分鍾的時間。CLI 會創建一個新的工作區和一個簡單的歡迎應用，隨時可以運行它。
3.2 運行應用
進入到項目目錄中，運行：
ng serve –open --open為自動打開瀏覽器
四、idea中開發
4.1 對導入的含有angular框架的項目
執行 npm install 下載所需依賴包
4.2 調試模式配置
4.3 編譯部署模式
編譯成功后會在webapp下生成dist目錄