Angular4.0環境搭建
1.安裝nodejs
先裝nodejs,如果你的電腦已經裝過了,最好確認是比較新的版本,否則可能會出問題
沒有安裝的直接去nodejs官網下載nodejs安裝. 下載地址:https://nodejs.org/en/download/
安裝過程很簡單,官網有教程。
安裝完成後,打開cmd
輸入node -v 看看node.js安裝版本
2.安裝cnmp
由於Angular CLi的一些資源被墻掉了,所以這裏我們使用淘寶的鏡像去下載安裝,否則會很慢並且很容易出問題。
淘寶鏡像:https://npm.taobao.org/
安裝淘寶鏡像,輸入 npm install -g cnpm –registry=https://registry.npm.taobao.org
3.安裝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
4.創建項目
安裝完命令行工具後我們就可以創建Angular項目了。
首先,切換到項目的存放目錄,我的是在E盤的Angular文件夾下
輸入 ng new projectName
projectName就是你的項目名稱,例如,我創建一個Test項目
5運行項目
首先切換至項目目錄,然後執行ng serve命令
打開瀏覽器,輸入localhost:4200(默認端口)即可訪問
6.按照IDE(VSCode)
下載地址:http://www.vscode.org/
Angular4.0環境搭建