開發(fā)angular是一件愉快的事情,雖然總會(huì)有人詬病,但那又如何。你玩的開心就行了,就像小嬰兒抓到一張也能玩的很嗨。又何必去計(jì)較太多。
一、安裝Node.js,編碼半輩子
1、不要問(wèn)我Node.js是什么,其次我也不想講。畢竟這集它不是主角,Angular才是帶著主角光環(huán)出場(chǎng)的家伙。首先下載Node.js的安裝資源https://nodejs.org/en/,輸入鏈接會(huì)打開如下頁(yè)面:

個(gè)人用的是win10的64位系統(tǒng),所以就直接使用Windows(64)的資源。
2、下載資源,客官可以使用V6版本的,也可以使用V7版本,你開心就好!

3、雙擊資源準(zhǔn)備安裝Node.js;

4、選擇同意安裝,并點(diǎn)擊下一步;

5、選擇安裝路徑,默認(rèn)安裝C盤,這里演示調(diào)整為E盤;

6、選擇安裝組件,默認(rèn)即可,直接點(diǎn)擊下一步;

7、點(diǎn)擊安裝;

8、默默等待;

9、安裝完畢,可以浪了。

二、檢查佩劍,出門闖江湖
1、檢查Node.js是否安裝成功,打開命令行工具輸入node -v,出現(xiàn)版本信息則說(shuō)明安裝成功;

2、通過(guò)npm install -g typescript安裝ts;

3、安裝angular/cli工具;
注意:由于angular-cli已經(jīng)改名成了angular/cli,所以安裝的時(shí)候請(qǐng)使用以下命令:npm install -g @angular/cli。如果安裝有問(wèn)題可以使用cnpm,在命令行中執(zhí)行如下的命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org,爾后繼續(xù)安裝cli腳手架工具,cnpm install -g @angular/cli。

4、檢查angular/cli安裝情況;
輸入
ng --version,出現(xiàn)如下信息說(shuō)明安裝正確。

三、折騰半天,才邁出一步
年輕人總想搞點(diǎn)大新聞,但是各種環(huán)境的搭建又總會(huì)去花去大部分的時(shí)間。真坑!下面我們將一起創(chuàng)建angular2的項(xiàng)目,并運(yùn)行項(xiàng)目。
1、創(chuàng)建hello-world項(xiàng)目
在命令行工具中輸入
ng new hello-world,然后喝杯咖啡慢慢等待;

2、運(yùn)行項(xiàng)目,大功告成
在命令行輸入
ng serve指令,啟動(dòng)項(xiàng)目;

3、查看效果
打開瀏覽器,輸入
http://localhost:4200/,至此我們已經(jīng)完成了入門篇。

** PS:**
Node.js是什么?
Node.js 是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境。
Node.js 使用了一個(gè)事件驅(qū)動(dòng)、非阻塞式 I/O 的模型,使其輕量又高效。
Node.js 的包管理器 npm,是全球最大的開源庫(kù)生態(tài)系統(tǒng)。