使用Angular-cli快速搭建項目
Typescript
一准潭、安裝開發(fā)環(huán)境
這個開發(fā)環(huán)境也是現(xiàn)在最基礎(chǔ)的前端開發(fā)環(huán)境泰佳，就是首先要安裝Nodejs和npm来破。這個安裝在此省略默辨，因為只需要下載Nodejs安裝包，直接安裝就行了鲜漩。
1.1測試安裝環(huán)境
node -v
如果Node.js的版本大于等于6.9.x即可源譬。
npm -v
如果npm的版本大于等于3.x.x即可。
1.2 安裝angular cli工具
npm install -g @angular/cli
使用命令ng -v測試是否安裝成孕似。出現(xiàn)如下便是安裝成功踩娘。
ng測試.png
1.3 使用ng創(chuàng)建工程
ng new my_prj
這里說明一下，使用ng創(chuàng)建工程時喉祭，會自動使用npm安裝package.json中的依賴包养渴。
1.4 啟動項目
cd my_prj && ng serve --open
&&: 代表先執(zhí)行完前面的命令然后接著執(zhí)行后面的命令。這句話就是先切換到項目的目錄泛烙，然后在目錄中啟動項目（就是啟動一個靜態(tài)服務(wù)器）理卑。
當瀏覽器自動打開一個標簽并顯示如下內(nèi)容就表示正確啟動了一個Angular4的項目。
項目啟動圖.png
