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

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

一鞋吉、安裝Node.js鸦做,編碼半輩子

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

根據(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)版本信息則說明安裝成功;

2拒逮、通過npm install -g typescript安裝ts罐氨;

安裝ts

3、安裝angular/cli工具滩援;

注意:由于angular-cli已經(jīng)改名成了angular/cli岂昭,所以安裝的時(shí)候請(qǐng)使用以下命令:npm install -g @angular/cli。如果安裝有問題可以使用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)如下信息說明安裝正確憎蛤。

三、折騰半天纪吮,才邁出一步

年輕人總想搞點(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俭识,是全球最大的開源庫生態(tài)系統(tǒng)慨削。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子缚态,更是在濱河造成了極大的恐慌磁椒,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,324評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件玫芦,死亡現(xiàn)場(chǎng)離奇詭異浆熔,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)桥帆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門医增,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人老虫,你說我怎么就攤上這事叶骨。” “怎么了祈匙?”我有些...
    開封第一講書人閱讀 162,328評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵忽刽,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我夺欲,道長(zhǎng)跪帝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,147評(píng)論 1 292
  • 正文 為了忘掉前任些阅,我火速辦了婚禮伞剑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘市埋。我一直安慰自己纸泄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,160評(píng)論 6 388
  • 文/花漫 我一把揭開白布腰素。 她就那樣靜靜地躺著聘裁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪弓千。 梳的紋絲不亂的頭發(fā)上衡便,一...
    開封第一講書人閱讀 51,115評(píng)論 1 296
  • 那天,我揣著相機(jī)與錄音洋访,去河邊找鬼镣陕。 笑死,一個(gè)胖子當(dāng)著我的面吹牛姻政,可吹牛的內(nèi)容都是我干的呆抑。 我是一名探鬼主播,決...
    沈念sama閱讀 40,025評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼汁展,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼鹊碍!你這毒婦竟也來了厌殉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,867評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤侈咕,失蹤者是張志新(化名)和其女友劉穎公罕,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體耀销,經(jīng)...
    沈念sama閱讀 45,307評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡楼眷,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,528評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了熊尉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片罐柳。...
    茶點(diǎn)故事閱讀 39,688評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖狰住,靈堂內(nèi)的尸體忽然破棺而出张吉,到底是詐尸還是另有隱情,我是刑警寧澤转晰,帶...
    沈念sama閱讀 35,409評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站士飒,受9級(jí)特大地震影響查邢,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜酵幕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,001評(píng)論 3 325
  • 文/蒙蒙 一扰藕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧芳撒,春花似錦邓深、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至舌菜,卻和暖如春萌壳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背日月。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評(píng)論 1 268
  • 我被黑心中介騙來泰國打工袱瓮, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人爱咬。 一個(gè)月前我還...
    沈念sama閱讀 47,685評(píng)論 2 368
  • 正文 我出身青樓尺借,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國和親精拟。 傳聞我的和親對(duì)象是個(gè)殘疾皇子燎斩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,573評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容