1. 程式人生 > >AngularJS4.0環境搭建詳解--windows系統環境

AngularJS4.0環境搭建詳解--windows系統環境

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系統環境