一直在學(xué)Angular2，百忙之中抽點(diǎn)時(shí)間來寫個(gè)簡(jiǎn)單的教程。
2016年是前端飛速發(fā)展的一年，前端越來越形成了（web component）組件化的編程模式唧垦；以前Jquery通吃一切的田園時(shí)代一去不復(fù)返，如果你想了解前端最近究竟有什么變化翔悠，不妨去看看這篇文章：在2016年學(xué)習(xí)javascript是一種什么樣的體驗(yàn)业崖？
在學(xué)習(xí)之前野芒，你可能需要先粗略了解幾個(gè)東西蓄愁！
1.nodejs
2.npm 包管理
以下的東西就當(dāng)你是知道了這些概念了
1.首先双炕，到nodejs 官網(wǎng)下載nodejs并安裝
2.添加淘寶的npm鏡像（由于國內(nèi)訪問國外網(wǎng)站的速度實(shí)在是太慢了），由于我們只有要用到的一些東西撮抓，我們采用以下的添加鏡像方法
（windows 用戶使用cmd妇斤，輸入以下命令，新手請(qǐng)去看看npm使用教程吧）
npm config?set?registryhttps://registry.npm.taobao.org
值得說明一下的是不要直接使用淘寶的npm官方鏡像安裝模式丹拯，這樣我們只能使用cnpm命令站超，而Angular-cli創(chuàng)建新項(xiàng)目的時(shí)候是直接使用的npm，
會(huì)導(dǎo)致訪問速度奇慢乖酬，直接使用上面的這個(gè)命令就行了
3.使用npm 安裝Angular-cli
Angular-cli是angular團(tuán)隊(duì)針對(duì)Angular2提供的腳手架死相，用于環(huán)境搭建，運(yùn)行等咬像；具體參考Angular-cli GitHub
在命令行中輸入
npm install -g angular-cli
2017-04-28修改 npm install -g @angular/cli
node 版本要求 ?^6.9.*
npm 版本要求 ^3.*.*
之后我們就可以在全局使用ng命令了
4.使用Angular-cli搭建開發(fā)環(huán)境
首先到你的工作目錄下建立Angular工程目錄
然后然后用命令行進(jìn)入該目錄算撮，輸入
ng new projectName
然后腳手架會(huì)幫我們搭建初始環(huán)境，由于初始化的時(shí)候Angualr-cli會(huì)去初始化node-modules依賴县昂，所以會(huì)比較慢肮柜；如果沒有切換淘寶鏡像，那不是一般的慢
最終安裝好了是這樣的
5. 運(yùn)行Angular
這個(gè)時(shí)候整個(gè)Angular2已經(jīng)搭建好了倒彰，命令行進(jìn)入進(jìn)入剛才的工程目錄审洞，輸入
ng serve
Angular-cli會(huì)編譯整個(gè)項(xiàng)目，只有打開localhost:4200 （可以切換其他端口待讳，具體參考Angular-cli的使用）就可以看到效果了
關(guān)于工程目錄結(jié)構(gòu)是下面這個(gè)樣子的
結(jié)束語：Angular2可以使用javascript,typescript,dart來編寫;個(gè)人推薦使用typescript來編寫芒澜。TypeScript最近也發(fā)布了2.1版本，我們可以使用可愛的Async/await來編寫我們的項(xiàng)目了创淡。Angular2有專門的中文官方網(wǎng)站Angular.cn,上面有對(duì)所有的概念的詳細(xì)的解釋撰糠，并且有一個(gè)完整小項(xiàng)目的教程，很有幫助辩昆；還有阅酪，我推薦大家使用我寫的模式來搭建自己的Angular項(xiàng)目，一方面Angualr-cli是官方出的腳手架（雖然還是beta版）汁针，另一方面术辐，你如果自己獨(dú)立去使用Webpack或者SystemJs又增加了學(xué)習(xí)難度，項(xiàng)目出錯(cuò)你都不知道是代碼錯(cuò)了還是打包的問題施无！
代碼編輯器推薦兩個(gè)：vs code和sublime;
有些人學(xué)習(xí)前端不知道該學(xué)哪個(gè)框架辉词，就我而言，目前值得學(xué)習(xí)和廣為大眾接受的是Vue.js,angular,reactjs;我受不了React語法猾骡，pass;vue有著簡(jiǎn)單的結(jié)構(gòu)瑞躺，容易上手且速度很快敷搪，但是Angular更像是一個(gè)工業(yè)級(jí)別的產(chǎn)品，工程化程度更高幢哨，而且有著web app 開發(fā)神器IONIC赡勘，是一個(gè)非常不錯(cuò)的選擇!
以后的文章會(huì)開始介紹Angular2的語法等
更新ing椰苟。聊疲。钙皮。
