1. 程式人生 > >Angular4.0環境搭建

Angular4.0環境搭建

tps 地址 過程 ron https span -c cor 環境

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環境搭建