開發(fā)angular是一件愉快的事情昼汗,雖然總會(huì)有人詬病,但那又如何鬼雀。你玩的開心就行了顷窒,就像小嬰兒抓到一張也能玩的很嗨。又何必去計(jì)較太多。
一鞋吉、安裝Node.js鸦做,編碼半輩子
1、不要問我Node.js是什么谓着,其次我也不想講泼诱。畢竟這集它不是主角,Angular才是帶著主角光環(huán)出場(chǎng)的家伙赊锚。首先下載Node.js的安裝資源https://nodejs.org/en/
治筒,輸入鏈接會(huì)打開如下頁面:
個(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)版本信息則說明安裝成功;
2拒逮、通過npm install -g typescript
安裝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
屈藐,然后喝杯咖啡慢慢等待;
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)慨削。