Angular2自學(xué)筆記 之一:Angular2之HelloWorld

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

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

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