Angular2安裝angular-cli
最近在學習angular2,并嘗試用這個框架來做公司的一個新項目。
終于要開始開發(fā)了,等了1個多月。
因為第一次用這個新框架做項目,不太熟悉,就找了angular-cli這個腳手架來搭建項目。
安裝了好多次,看了好多博文,終于成功了。
依據(jù)本寶寶幫多位小伙伴安裝成功的經(jīng)驗,現(xiàn)總結(jié)安裝angular-cli過程如下:
1、設置淘寶鏡像,在 .npmrc文件(該文件在C盤>用戶(或user)>你的電腦名字下就可找到)加入下面一句:
registry = https://registry.npm.taobao.org
如果之前已經(jīng)改過,可以跳過;也可以用命令行臨時設置;總之你開心就好~
2、用npm安裝typescript和typings,因為據(jù)說angular-cli是用typescript寫的,所以要先裝這兩個:
npm install -g typescript typings
3、安裝angular-cli:
npm install -g angular-cli@latest
如果你之前安裝失敗過,最好在安裝angular-cli之前先卸載干凈,用以下兩句:
npm uninstall -g angular-cli npm cache clean
在檢查你全局的那些npm文件下還殘留下圖這兩個文件,有的話也要刪掉,刪掉后再用"npm install -g angular-cli@latest"安裝最新的angular-cli即可。

安裝完畢后,試下ng -v 和ng --help,有顯示正確內(nèi)容就成功了。
接下來,就可以用以下命令創(chuàng)建并運行項目:
ng new ProjectName //ProjectName為你的項目名 cd ProjectName ng serve // 啟動項目
接下來在瀏覽器輸入http://localhost:4200/就可以看見項目了。
然而,這只是開端,接下來才開始正式和angular2交鋒?。?!
忘了說angular-cli雖然簡單方便,幫你搭建好所需環(huán)境,但簡單方便的對立面是不靈活,多了很多我們可能不想用的包、文件,所以有能力搭建項目的,還是自己搭建吧,過~
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
基于angular實現(xiàn)三級聯(lián)動的生日插件
這篇文章主要為大家詳細介紹了基于angular實現(xiàn)三級聯(lián)動的生日插件,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
詳解利用Angular實現(xiàn)多團隊模塊化SPA開發(fā)框架
本篇文章主要介紹了詳解利用Angular實現(xiàn)多團隊模塊化SPA開發(fā)框架,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
詳解如何構(gòu)建Angular項目目錄結(jié)構(gòu)
本篇文章主要介紹了詳解如何構(gòu)建Angular項目目錄結(jié)構(gòu),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
AngularJS基于ui-route實現(xiàn)深層路由的方法【路由嵌套】
這篇文章主要介紹了AngularJS基于ui-route實現(xiàn)深層路由的方法,涉及AngularJS路由嵌套操作相關(guān)實現(xiàn)步驟與技巧,需要的朋友可以參考下2016-12-12

