Angular2安裝angular-cli
最近在學(xué)習(xí)angular2，并嘗試用這個(gè)框架來做公司的一個(gè)新項(xiàng)目。
終于要開始開發(fā)了，等了1個(gè)多月。
因?yàn)榈谝淮斡眠@個(gè)新框架做項(xiàng)目，不太熟悉，就找了angular-cli這個(gè)腳手架來搭建項(xiàng)目。
安裝了好多次，看了好多博文，終于成功了。
依據(jù)本寶寶幫多位小伙伴安裝成功的經(jīng)驗(yàn)，現(xiàn)總結(jié)安裝angular-cli過程如下：
1、設(shè)置淘寶鏡像，在 .npmrc文件（該文件在C盤>用戶（或user）>你的電腦名字下就可找到）加入下面一句：
registry = https://registry.npm.taobao.org
如果之前已經(jīng)改過，可以跳過；也可以用命令行臨時(shí)設(shè)置；總之你開心就好~
2、用npm安裝typescript和typings，因?yàn)閾?jù)說angular-cli是用typescript寫的，所以要先裝這兩個(gè)：
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文件下還殘留下圖這兩個(gè)文件，有的話也要?jiǎng)h掉，刪掉后再用"npm install -g angular-cli@latest"安裝最新的angular-cli即可。
安裝完畢后，試下ng -v 和ng --help，有顯示正確內(nèi)容就成功了。
接下來，就可以用以下命令創(chuàng)建并運(yùn)行項(xiàng)目：
ng new ProjectName //ProjectName為你的項(xiàng)目名 cd ProjectName ng serve // 啟動(dòng)項(xiàng)目
接下來在瀏覽器輸入http://localhost:4200/就可以看見項(xiàng)目了。
然而，這只是開端，接下來才開始正式和angular2交鋒?。?！
忘了說angular-cli雖然簡(jiǎn)單方便，幫你搭建好所需環(huán)境，但簡(jiǎn)單方便的對(duì)立面是不靈活，多了很多我們可能不想用的包、文件，所以有能力搭建項(xiàng)目的，還是自己搭建吧，過~
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了Angular數(shù)據(jù)綁定機(jī)制原理，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼
分頁是很多web應(yīng)用都會(huì)用到的，本篇文章主要介紹了Angularjs實(shí)現(xiàn)分頁和分頁算法的示例代碼，具有一定的參考價(jià)值，有興趣的可以了解一下。2016-12-12
這篇文章主要給大家介紹了關(guān)于protractor安裝與基本使用的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了Angularjs 基礎(chǔ)入門的一些知識(shí),需要的朋友可以參考下2014-12-12
Angular的$http的ajax的請(qǐng)求操作（推薦）
這篇文章主要介紹了Angular的$http的ajax的請(qǐng)求操作的相關(guān)資料,需要的朋友可以參考下2017-01-01
Angular使用操作事件指令ng-click傳多個(gè)參數(shù)示例
這篇文章主要介紹了Angular使用操作事件指令ng-click傳多個(gè)參數(shù),結(jié)合實(shí)例形式分析了AngularJS事件指令及相關(guān)的響應(yīng)、處理操作技巧,需要的朋友可以參考下2018-03-03
本文主要介紹了Angular的自定義指令，并提供了實(shí)例代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2016-12-12
angular6的響應(yīng)式表單的實(shí)現(xiàn)
這篇文章主要介紹了angular6的響應(yīng)式表單的實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
下面小編就為大家?guī)硪黄狝ngularJS學(xué)習(xí)筆記之依賴注入詳解。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
這篇文章主要給大家介紹了關(guān)于Angular如何處理未可知異常錯(cuò)誤的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01