前端技術(shù)更新的實(shí)在太快,當(dāng)看到這篇文章的時候,很可能已經(jīng)過時了,今天是2017-07-26,開始了。
一、 安裝Node.js(MacOS)
下載Node.js,地址:http://nodejs.cn/download/ ,MacOS按找提示安裝即可。
安裝后,控制臺輸入命令: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)目時,也能起作用,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)建會話費(fèi)一些時間安裝依賴的npm,所以盡可能不要翻墻。
創(chuàng)建成功如下:

image.png
五、啟動服務(wù)器,并訪問頁面:
cd helloworld
ng serve

image.png

image.png
至此,Angular2的HelloWord搭建完成
補(bǔ)充,過程中難免因?yàn)閳箦e使某系npm需要安裝多次
npm uninstall -g angular-cli
npm cache clean