使用Angular-cli快速搭建項(xiàng)目
Typescript

一、安裝開(kāi)發(fā)環(huán)境

這個(gè)開(kāi)發(fā)環(huán)境也是現(xiàn)在最基礎(chǔ)的前端開(kāi)發(fā)環(huán)境，就是首先要安裝Nodejs和npm。這個(gè)安裝在此省略，因?yàn)橹恍枰螺dNodejs安裝包，直接安裝就行了。

1.1測(cè)試安裝環(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測(cè)試是否安裝成。出現(xiàn)如下便是安裝成功。

ng測(cè)試.png

1.3 使用ng創(chuàng)建工程

ng new my_prj

這里說(shuō)明一下，使用ng創(chuàng)建工程時(shí)，會(huì)自動(dòng)使用npm安裝package.json中的依賴包。

1.4 啟動(dòng)項(xiàng)目

cd my_prj && ng serve --open

&&: 代表先執(zhí)行完前面的命令然后接著執(zhí)行后面的命令。這句話就是先切換到項(xiàng)目的目錄，然后在目錄中啟動(dòng)項(xiàng)目（就是啟動(dòng)一個(gè)靜態(tài)服務(wù)器）。
當(dāng)瀏覽器自動(dòng)打開(kāi)一個(gè)標(biāo)簽并顯示如下內(nèi)容就表示正確啟動(dòng)了一個(gè)Angular4的項(xiàng)目。

項(xiàng)目啟動(dòng)圖.png