AngularJS4.0環境搭建詳解--windows系統環境
阿新 • • 發佈:2017-07-04
class images 開發 安裝 hub 詳解 ans win 總結
第一步:安裝NodeJS
下載最新版的NodeJS並安裝,安裝完成後打開CMD命令行,輸入以下命令:
node -v
若返回類似版本號則代表NodeJS安裝成功,如下:
第二部 安裝npm
新版的NodeJS已經自帶了npm
直接輸入以下命令:
npm -v
若返回類似版本號則代表npm已安裝
第三步 全局安裝 Angular CLI 命令工具
在cmd命令行輸入以下命令:
npm install -g @angular/cli
安裝需要一段時間,請耐心等待!
安裝完畢後,輸入以下命令:
ng help
若出現類似下圖的界面則代表Angular CLI 安裝成功
第四步 創建Angular項目
運行下列命令來生成一個名為APP的新項目以及應用的骨架代碼:
ng new APP
生成新項目需要一段時間,請耐心等待!
在網絡不穩定的情況下,有可能會創建失敗!
如果出現下圖界面,則代表項目創建成功:
第五步 啟動項目
在命令行輸入以下命令:
cd APP
ng serve --open
ng serve
命令會啟動開發服務器,監聽文件變化,並在修改這些文件時重新構建此應用。
使用--open
(或-o
)參數可以自動打開瀏覽器並訪問http://localhost:4200/
。
總結:到這裏Angular 環境搭建已經全部完成!
AngularJS4.0環境搭建詳解--windows系統環境