Angular2.0快速上手(開發(fā)準(zhǔn)備一)

開發(fā)angular是一件愉快的事情,雖然總會(huì)有人詬病,但那又如何。你玩的開心就行了,就像小嬰兒抓到一張也能玩的很嗨。又何必去計(jì)較太多。

一、安裝Node.js,編碼半輩子

1、不要問(wèn)我Node.js是什么,其次我也不想講。畢竟這集它不是主角,Angular才是帶著主角光環(huán)出場(chǎng)的家伙。首先下載Node.js的安裝資源https://nodejs.org/en/,輸入鏈接會(huì)打開如下頁(yè)面:

根據(jù)自己的電腦選擇下載

個(gè)人用的是win10的64位系統(tǒng),所以就直接使用Windows(64)的資源。

2、下載資源,客官可以使用V6版本的,也可以使用V7版本,你開心就好!

演示使用V7版本

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

點(diǎn)擊Next

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


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


可根據(jù)實(shí)際情況調(diào)整

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;

安裝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,然后喝杯咖啡慢慢等待;

創(chuàng)建第一個(gè)項(xiàng)目

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)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容