1.安裝GIT。
因爲ng new (項目名) 時會提示GIT不是命令。
https://www.git-scm.com/download/
2.安裝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