? ? ? ? ?Angular2從使用開發(fā)到現(xiàn)在已經(jīng)有一個多月的時間，每天都是在爬坑中，現(xiàn)在還好步入了正軌。首先就先給大家說說Angular腳手架的強大之處吧。

? ? ? ? ?cli顧名思義（command line interface）命令行操作界面，vue有自己的cli腳手架工具，react也有，angular當然也有，其實腳手架的出現(xiàn)讓開發(fā)者把更多的精力放到了開發(fā)項目功能上，而不是配置環(huán)境等等一系列糟雜的事。

? ? ? ? ? 玩過angular的腳手架工具之后才知道腳手架的真正意義，一個命令行操作工具，這就意味著會有一群大佬給你封裝好了一堆命令等你調(diào)用，angular內(nèi)置了七八十種指令供開發(fā)者選擇，與它一比，vue的腳手架便好像小巫見大巫，不是說vue不好，我本人也特別喜歡使用vue,但是這便是個人開發(fā)與團隊開發(fā)的利弊吧

? ? ? ? ?也不閑扯了一起來玩玩angular2吧,首先angular2有中文網(wǎng)與官網(wǎng)是同步的（http://angular2.axuer.com/），大家有很多問題在其中其實都可以找到答案。其實現(xiàn)在對于前端開發(fā)來說已經(jīng)有好的太多，不需要自己配置webpack，專注于頁面功能的開發(fā)。接下來就帶著大家開始使用angular-cli吧

? ? ? ? ? 1.首先應該確保電腦上node（4.x.x）和npm（3.x.x）的版本，然后就打開命令行輸入，cnpm install -g @angular/cli? ? 然后在下載完成之后再次在命令行輸入ng之后不顯示沒有這個環(huán)境變量就下載成功? ?

? ? ? ? ?2.新建項目 ng new “項目名稱” 即可 ， 稍等片刻之后進入項目目錄 輸入 ng serve 便可以執(zhí)行項目 ，值得注意的是 ng serve --port 端口號? 可以指定服務的端口號，而不需要糾結(jié)于默認端口4200? ?

? ? ? ? ?3.爬坑注意：在angular腳手架中雖然官方給提供了一堆命令用來新建組件，服務，路由。。。但是值得注意的是，如果項目開始時你用cnpm install 下載項目依賴而不是等待腳手架自己下載（和npm install 一個效果）完成的話，你就不可以使用這些指令了，不過我還是建議大家準備一個angular2的demo，每次新建的話手動新建也挺好的

? ? ? ? 4.已經(jīng)三天連續(xù)卡在一個問題上好久了，我們公司要求在研發(fā)網(wǎng)（沒有互聯(lián)網(wǎng)）下搭建前端開發(fā)環(huán)境，毫無疑問這個問題拋在了我這兒，剛開始的設想直接用ftp講文件打包（全局安裝下的npm路徑），但是無法打包因為angular所依賴文件層級太深每次打包都會報錯，然后用ftp上傳整個文件夾，上傳了三天傳了20%，后來沒辦法在git bash中用命令行把他達成了tar包之后上傳至研發(fā)網(wǎng)，然后坑人的地方又來了，如果我打開壓縮文件把它拖出來他會報一堆不知名的錯，但是如果右鍵解壓至當前文件他就不報錯了，至此困擾三天的問題才算解決，雖然現(xiàn)在每個步驟都已經(jīng)信手捏來，但在爬坑的過程中還是極其痛苦的

? ? ? ? ?5.大家也許遇不到這樣的問題但是多了解了解確實不是壞事，等下篇文章就開始我的angular項目之旅了哈