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

標籤：介面   一段   com   監聽   cmd命令   ejs   成功   href   str   

第一步：安裝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系統內容