如何安裝angular 4的環境(糾正了網絡上的錯漏)

1.安裝GIT。

因爲ng new (項目名) 時會提示GIT不是命令。

https://www.git-scm.com/download/

2.安裝nodeJS

實現事件驅動解決空閒進程佔用內存的服務器框架。必裝

nodejs官網

安裝完成後,打開cmd 
輸入node -v 看看安裝版本

3.安裝cnmp

由於Angular CLi的一些資源被牆掉了,所以這裏我們使用淘寶的鏡像去下載安裝,否則會很慢並且很容易出問題。(重點!) 
淘寶鏡像:https://npm.taobao.org/ 
安裝淘寶鏡像,輸入 npm install -g cnpm --registry=https://registry.npm.taobao.org

(這裏是--,不是-,糾正網絡版本的錯誤)

之後安裝angular cli的時候我們就用cnpm命令即可。包括其他被牆的資源也可以用cnmp去下載安裝!

4.安裝angular cli

angular-cli github有詳細介紹。 
之前電腦上如果安裝過angular cli老版本的話建議先卸載,然後重新安裝。

卸載老版本: 
npm uninstall -g angular-cli 
npm uninstall –save-dev angular-cli 
卸載新版本: 
npm uninstall -g @angular/cli 
清除下緩存 
npm cache clean

然後開始安裝,記住,要用cnpm 
cnpm install -g @angular/cli@latest

完成後輸入 ng help查看是否安裝成功 

5.運行項目

ng help:                    獲取相關命令信息
ng new projectName:         新建一個Angular項目
ng serve:                   編譯項目並運行,默認端口4200
ng generate [name]          在項目中創建新的代碼,可以創建模塊,組件等等,可簡寫ng g [name]創建一個nav組件:ng g component nav 

A.

安裝完命令行工具後我們就可以創建Angular項目了。 
首先,切換到項目的存放目錄,我的是在E盤的Angular文件夾下 
輸入 ng new projectName 
projectName就是你的項目名稱,例如,我創建一個Test項目

切換至項目目錄,然後執行ng serve命令

è¿éåå¾çæè¿°

出現上圖表示成功運行默認是運行在4200端口上的。 
打開瀏覽器,輸入localhost:4200即可訪問。

項目運行成功效果圖。

至此,angular4 環境安裝完成。

參考文獻:

https://blog.csdn.net/xiaoxinshuaiga/article/details/80158253 angular4環境安裝文章原版(此文有錯誤,由我糾正)

https://www.jianshu.com/p/96b51f201a89 GIT錯誤提示修復

https://blog.csdn.net/mozuncangtianbaxue/article/details/78393839 nodeJS的作用

https://blog.csdn.net/wjnf012/article/details/80422313 cnpm和npm

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章