前端技術(shù)更新的實(shí)在太快简识,當(dāng)看到這篇文章的時(shí)候拔妥,很可能已經(jīng)過時(shí)了忿危,今天是2017-07-26,開始了没龙。
一癌蚁、 安裝Node.js(MacOS)
下載Node.js,地址:http://nodejs.cn/download/ 兜畸,MacOS按找提示安裝即可。
安裝后碘梢,控制臺(tái)輸入命令:npm -v
,看到命令成功即可咬摇。
二、安裝typescript
因?yàn)锳ngular本身是typescript實(shí)現(xiàn)煞躬,因此首先要安裝typescript
npm install -g typescript typings
安裝過程如遇到一些依賴版本過低肛鹏,需要進(jìn)行升級
npm update minimatch@3.0.2
npm update -d
npm -v minimatch
使用淘寶的地址,避免翻墻恩沛,以免過程中網(wǎng)絡(luò)中斷在扰,在后面創(chuàng)建項(xiàng)目時(shí),也能起作用雷客,cnpm的使用方法與npm完全一樣
npm install cnpm -g --registry=https://registry.npm.taobao.org
cnpm -v
三芒珠、安裝Angular-cli,這樣就能在命令行中創(chuàng)建項(xiàng)目了搅裙,安裝好后皱卓,試一下ng命令裹芝,這樣Angular就安裝好了
npm install -g @angular/cli@latest
ng
添加cnpm地址
ng set --global packageManager=cnpm
四、創(chuàng)建helloworld工程
mkdir mydir && cd mydir
ng new helloworld
創(chuàng)建會(huì)話費(fèi)一些時(shí)間安裝依賴的npm娜汁,所以盡可能不要翻墻嫂易。
創(chuàng)建成功如下:
image.png
五、啟動(dòng)服務(wù)器掐禁,并訪問頁面:
cd helloworld
ng serve
image.png
image.png
至此怜械,Angular2的HelloWord搭建完成
補(bǔ)充,過程中難免因?yàn)閳?bào)錯(cuò)使某系npm需要安裝多次
npm uninstall -g angular-cli
npm cache clean