安裝angular-cli

最近在學習angular2，並嘗試用這個框架來作公司的一個新項目。

終於要開始開發了，等了1個多月。

由於第一次用這個新框架作項目，不太熟悉，就找了angular-cli這個腳手架來搭建項目。

安裝了好屢次，看了好多博文（博客園、csdn、腳本之家等），終於成功了。

 

依據本寶寶幫多位小夥伴安裝成功的經驗，現總結安裝angular-cli過程以下：

一、設置淘寶鏡像，在 .npmrc文件（該文件在C盤>用戶（或user）>你的電腦名字下就可找到）加入下面一句：

 registry =  https://registry.npm.taobao.org 

若是以前已經改過，能夠跳過；也能夠用命令行臨時設置；總之你開心就好~

 

二、用npm安裝typescript和typings，由於聽說angular-cli是用typescript寫的，因此要先裝這兩個：

npm install -g typescript typings

 

三、安裝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，有顯示正確內容就成功了。

 

接下來，就能夠用如下命令建立並運行項目：

ng new ProjectName  //ProjectName爲你的項目名

cd ProjectName

ng serve  // 啓動項目

接下來在瀏覽器輸入http://localhost:4200/就能夠看見項目了。

 

然而，這只是開端，接下來纔開始正式和angular2交鋒！！！

 

忘了說angular-cli雖然簡單方便，幫你搭建好所需環境，但簡單方便的對立面是不靈活，多了不少咱們可能不想用的包、文件，因此有能力搭建項目的，仍是本身搭建吧，過~