Angular2-cli入門(mén)教程(一)

? ? ? ? ?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)目之旅了哈

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末廓啊,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子封豪,更是在濱河造成了極大的恐慌谴轮,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撑毛,死亡現(xiàn)場(chǎng)離奇詭異书聚,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)藻雌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)雌续,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人胯杭,你說(shuō)我怎么就攤上這事驯杜。” “怎么了做个?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵鸽心,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我居暖,道長(zhǎng)顽频,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任太闺,我火速辦了婚禮糯景,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己蟀淮,他們只是感情好最住,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著怠惶,像睡著了一般涨缚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上策治,一...
    開(kāi)封第一講書(shū)人閱讀 51,708評(píng)論 1 305
  • 那天脓魏,我揣著相機(jī)與錄音,去河邊找鬼通惫。 笑死轧拄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的讽膏。 我是一名探鬼主播,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼拄丰,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼府树!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起料按,我...
    開(kāi)封第一講書(shū)人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤奄侠,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后载矿,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體垄潮,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年闷盔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了弯洗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡逢勾,死狀恐怖牡整,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情溺拱,我是刑警寧澤逃贝,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站迫摔,受9級(jí)特大地震影響沐扳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜句占,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一沪摄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦卓起、人聲如沸和敬。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)昼弟。三九已至,卻和暖如春奕筐,著一層夾襖步出監(jiān)牢的瞬間舱痘,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工离赫, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留芭逝,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓渊胸,卻偏偏與公主長(zhǎng)得像旬盯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子翎猛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 大家好胖翰,請(qǐng)關(guān)注我的新作 multipages-generator今日發(fā)布??!媽媽再也不用擔(dān)心移動(dòng)端h5網(wǎng)站搭建了切厘!...
    yitalalww閱讀 67,652評(píng)論 72 124
  • 一直在學(xué)Angular2萨咳,百忙之中抽點(diǎn)時(shí)間來(lái)寫(xiě)個(gè)簡(jiǎn)單的教程。 2016年是前端飛速發(fā)展的一年疫稿,前端越來(lái)越形成了(w...
    蔥花兒大大閱讀 2,247評(píng)論 5 10
  • 街燈照亮了夜空 兩旁的樹(shù)透不過(guò)氣 一邊想你 竟開(kāi)始不會(huì)走路 踩空了守望 摔倒在一片悵然 我想世上也許還有比你更可愛(ài)...
    宋禾初閱讀 231評(píng)論 1 0
  • 我是一個(gè)怎樣的人呢培他? 這么說(shuō)吧。強(qiáng)勢(shì)遗座、傲嬌舀凛、要強(qiáng)、高傲……反正一切不通情達(dá)理的詞語(yǔ)都可以放在我的身上途蒋。 但是真實(shí)的...
    Calendargirl閱讀 361評(píng)論 0 1
  • 長(zhǎng)得好看的人眼里自帶桃花
    allrightbe閱讀 151評(píng)論 0 0