? ? ? ? ?Angular2從使用開(kāi)發(fā)到現(xiàn)在已經(jīng)有一個(gè)多月的時(shí)間冠摄,每天都是在爬坑中决乎,現(xiàn)在還好步入了正軌吃衅。首先就先給大家說(shuō)說(shuō)Angular腳手架的強(qiáng)大之處吧愧驱。
? ? ? ? ?cli顧名思義(command line interface)命令行操作界面慰技,vue有自己的cli腳手架工具,react也有组砚,angular當(dāng)然也有吻商,其實(shí)腳手架的出現(xiàn)讓開(kāi)發(fā)者把更多的精力放到了開(kāi)發(fā)項(xiàng)目功能上,而不是配置環(huán)境等等一系列糟雜的事糟红。
? ? ? ? ? 玩過(guò)angular的腳手架工具之后才知道腳手架的真正意義艾帐,一個(gè)命令行操作工具,這就意味著會(huì)有一群大佬給你封裝好了一堆命令等你調(diào)用盆偿,angular內(nèi)置了七八十種指令供開(kāi)發(fā)者選擇柒爸,與它一比,vue的腳手架便好像小巫見(jiàn)大巫事扭,不是說(shuō)vue不好捎稚,我本人也特別喜歡使用vue,但是這便是個(gè)人開(kāi)發(fā)與團(tuán)隊(duì)開(kāi)發(fā)的利弊吧
? ? ? ? ?也不閑扯了一起來(lái)玩玩angular2吧,首先angular2有中文網(wǎng)與官網(wǎng)是同步的(http://angular2.axuer.com/),大家有很多問(wèn)題在其中其實(shí)都可以找到答案求橄。其實(shí)現(xiàn)在對(duì)于前端開(kāi)發(fā)來(lái)說(shuō)已經(jīng)有好的太多今野,不需要自己配置webpack,專注于頁(yè)面功能的開(kāi)發(fā)罐农。接下來(lái)就帶著大家開(kāi)始使用angular-cli吧
? ? ? ? ? 1.首先應(yīng)該確保電腦上node(4.x.x)和npm(3.x.x)的版本条霜,然后就打開(kāi)命令行輸入,cnpm install -g @angular/cli? ? 然后在下載完成之后再次在命令行輸入ng之后不顯示沒(méi)有這個(gè)環(huán)境變量就下載成功? ?
? ? ? ? ?2.新建項(xiàng)目 ng new “項(xiàng)目名稱” 即可 涵亏, 稍等片刻之后進(jìn)入項(xiàng)目目錄 輸入 ng serve 便可以執(zhí)行項(xiàng)目 宰睡,值得注意的是 ng serve --port 端口號(hào)? 可以指定服務(wù)的端口號(hào),而不需要糾結(jié)于默認(rèn)端口4200? ?
? ? ? ? ?3.爬坑注意:在angular腳手架中雖然官方給提供了一堆命令用來(lái)新建組件溯乒,服務(wù)夹厌,路由。裆悄。矛纹。但是值得注意的是,如果項(xiàng)目開(kāi)始時(shí)你用cnpm install 下載項(xiàng)目依賴而不是等待腳手架自己下載(和npm install 一個(gè)效果)完成的話光稼,你就不可以使用這些指令了或南,不過(guò)我還是建議大家準(zhǔn)備一個(gè)angular2的demo孩等,每次新建的話手動(dòng)新建也挺好的
? ? ? ? 4.已經(jīng)三天連續(xù)卡在一個(gè)問(wèn)題上好久了,我們公司要求在研發(fā)網(wǎng)(沒(méi)有互聯(lián)網(wǎng))下搭建前端開(kāi)發(fā)環(huán)境采够,毫無(wú)疑問(wèn)這個(gè)問(wèn)題拋在了我這兒肄方,剛開(kāi)始的設(shè)想直接用ftp講文件打包(全局安裝下的npm路徑),但是無(wú)法打包因?yàn)閍ngular所依賴文件層級(jí)太深每次打包都會(huì)報(bào)錯(cuò)蹬癌,然后用ftp上傳整個(gè)文件夾权她,上傳了三天傳了20%,后來(lái)沒(méi)辦法在git bash中用命令行把他達(dá)成了tar包之后上傳至研發(fā)網(wǎng)逝薪,然后坑人的地方又來(lái)了隅要,如果我打開(kāi)壓縮文件把它拖出來(lái)他會(huì)報(bào)一堆不知名的錯(cuò),但是如果右鍵解壓至當(dāng)前文件他就不報(bào)錯(cuò)了董济,至此困擾三天的問(wèn)題才算解決步清,雖然現(xiàn)在每個(gè)步驟都已經(jīng)信手捏來(lái),但在爬坑的過(guò)程中還是極其痛苦的
? ? ? ? ?5.大家也許遇不到這樣的問(wèn)題但是多了解了解確實(shí)不是壞事虏肾,等下篇文章就開(kāi)始我的angular項(xiàng)目之旅了哈