使用Angular4開發(fā)blog豁辉，主要是把Angular4的基礎(chǔ)知識和特性呈現(xiàn)出來，只有自己動手編寫、實踐才能發(fā)現(xiàn)和掌握Angular4的技術(shù)點升敲。
隨著Angular4的版本的穩(wěn)定和google承若對Angular4的持續(xù)技術(shù)支持（主要是框架不會再發(fā)生變化捆蜀，不像AngularJS1一樣疮丛，從AngularJS1升級到Angular4是斷崖式的升級），童鞋們渴望立馬就掌握Angular4辆它，利用Angular4在項目中開發(fā)誊薄，最好的學(xué)習(xí)資源首先是英文官方文檔Angular，作為英文不太好的锰茉，當(dāng)然首先中文官方文檔Angular呢蔫。
重重之中就是Angular4是使用TypeScript作為開發(fā)語言的，TypeScript作為JavaScript的超集飒筑，具有es5以來的最新特性片吊，符合最新的ECMAScript標(biāo)準(zhǔn)，作為TypeScript的技術(shù)支持者是微軟公司扬霜。
開發(fā)IDE利用微軟的vscode定鸟，童鞋們可以到官網(wǎng)下載。當(dāng)然童鞋們也可以使用其他的IDE著瓶，蘿卜白菜各有所愛联予。
tip：童鞋們不要以為我是給微軟打廣告，作為開發(fā)者材原，自己喜歡就好沸久。
blog主要是利用Angular4作為技術(shù)開發(fā)，首先來搭建項目余蟹。利用Angular CLI構(gòu)建項目卷胯，Angular CLI是一個命令行界面工具，它可以創(chuàng)建項目威酒、添加文件以及執(zhí)行一大堆開發(fā)任務(wù)窑睁，比如測試、打包和發(fā)布葵孤。
檢測node是否安裝担钮。我安裝的是v6.10.3，npm版本：3.10.10
可以執(zhí)行node命令尤仍，檢測版本箫津。
node --version
node執(zhí)行結(jié)果：
可以執(zhí)行npm命令，檢測版本。
npm --version
npm執(zhí)行結(jié)果：
首先安裝Angular CLI苏遥。
npm install-g@angular/cli
通過一些命令創(chuàng)建項目饼拍。
ng new Angular4-Blog
命令執(zhí)行后結(jié)果如圖
進入項目
cd Angular4-Blog
看下通過Angular CLI生成的文件主要是用來干什么用的。
文件結(jié)構(gòu)
運行項目
ng serve
ng serve命令會啟動開發(fā)服務(wù)器田炭，監(jiān)聽文件變化师抄，并在修改這些文件時重新構(gòu)建此應(yīng)用。
使用--open（或-o）參數(shù)可以自動打開瀏覽器并訪問http://localhost:4200/诫肠。
現(xiàn)在項目就可以啟動了司澎，以Angular4為技術(shù)開發(fā)blog的項目已經(jīng)搭建完畢。下一步就是如何使用Angular4讓blog展示在我們面前了栋豫。
（未完待續(xù)挤安，敬請期待）
