JHipster一知半解- 4.1 語言框架Typescript和Angular

回文集目錄:JHipster一知半解

Angular


概述

近幾年,隨著微服務(wù)糖赔、前后端分離的理念逐步深入人心;作為頁面控制的核心語言(javasprit)也引來了最輝煌的時刻。一方面敞映,進行語言自身特性擴展(ES5沸伏、ES6糕珊、Typescript),逐步增強原始版本中過于隨意毅糟,作用域難以控制等缺陷红选,另一方面,進行框架化設(shè)計姆另,出現(xiàn)了React喇肋、Angular坟乾、Vue幾個流行的框架。
JHipster非常適合后端程序員轉(zhuǎn)型而作蝶防,它之前選擇的是AngularJs甚侣,之后也同步跟上Angular(感覺后端氣質(zhì),依賴注入间学,模塊劃分殷费、裝飾器等)。

Typesript

看官網(wǎng)即可菱鸥,JS語法超集宗兼,當(dāng)做手冊翻

tslint.json

定義:TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors。
也就是說氮采,它是一個靜態(tài)的代碼分析工具殷绍,用來檢查TypeScript編寫是否符合規(guī)范,用來提高可讀性鹊漠,可維護性

要從jshint說起了主到,畢竟js是一個畢竟是寬松的語言,好處是寫起來快躯概,壞處是改起來苦登钥。然而這個世界并沒有一次寫完,就很完備娶靡,永遠不會修改的代碼牧牢。于是出現(xiàn)了jshint,告訴代碼分析工具(主要是編輯器姿锭,如Webstorm,Vs code等)塔鳍,需要幫我檢查我寫的js,如果有什么不規(guī)范的地方給我標(biāo)出來呻此,保證我寫的代碼質(zhì)量高轮纫。
到了Typescript這,由于有向下兼容的特性焚鲜,隨便寫還是可能的掌唾,但是這樣就失去了Typescript良好的封裝性。于是也順理成章出來tslint忿磅,用來檢查.ts文件糯彬。
那么具體按照什么標(biāo)準(zhǔn)檢查呢,就需要tslint.json作為說明書葱她,傳達我們需要檢測的規(guī)則標(biāo)準(zhǔn)撩扒。
tslint.json里面主要就是rulesDirectory和rules兩塊,具體可自行查看览效,這里就不在贅述了却舀。(教科書般的配置虫几,可直接copy到任何工程)

tsconfig.json 和 tsconfig-aot.json

本質(zhì)上ts文件是需要編譯成js才能真正在瀏覽器上運行的,這兩個是Typescript編譯器的配置文件挽拔,指定了用來編譯這個項目的根文件和編譯選項辆脸,告訴tsc命令怎么編譯ts。
通過對比可以看出螃诅,aot(生產(chǎn)環(huán)境)編譯的LIB就是ES5啡氢,當(dāng)前瀏覽器都支持的語言,而普通版本就更為高版本一些术裸,而且還同步生成sourcemap倘是,便于進行開發(fā)調(diào)試。
值得注意的是袭艺,這兩個也是可以復(fù)用到其他項目的搀崭,需要根據(jù)自己項目組織情況,修改inclue和exclude目錄位置
(詳細說明在Type官網(wǎng)的tsconfig.json節(jié)

Angular-cli

ng help查看猾编,ng工程的創(chuàng)建瘤睹,構(gòu)建,編譯答倡,測試轰传,運行全生命周期管理。當(dāng)然我們用jhipster瘪撇,它已經(jīng)封裝了一部分功能了获茬。

.angular-cli.json

由angular-cli記錄的配置信息,運行ng命令會先讀取其中配置倔既,例如ng test就會讀取其中“test”節(jié)恕曲。既然是加.在開頭的,理論上就不是給開發(fā)者編輯的(當(dāng)然事實并非如此)叉存。不過jhipster前端本身并不是嚴(yán)格的ng工程码俩,script里面也沒有
使用ng命令的地方度帮,這個文件可以忽略歼捏。。

現(xiàn)在笨篷,Angular現(xiàn)在教程挺多的瞳秽,看書,看官網(wǎng)

資源和書籍推薦

強烈推薦區(qū)

參考區(qū)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末率翅,一起剝皮案震驚了整個濱河市练俐,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌冕臭,老刑警劉巖腺晾,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件燕锥,死亡現(xiàn)場離奇詭異,居然都是意外死亡悯蝉,警方通過查閱死者的電腦和手機归形,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鼻由,“玉大人暇榴,你說我怎么就攤上這事〗妒溃” “怎么了蔼紧?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長狠轻。 經(jīng)常有香客問我奸例,道長,這世上最難降的妖魔是什么向楼? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任哩至,我火速辦了婚禮,結(jié)果婚禮上蜜自,老公的妹妹穿的比我還像新娘菩貌。我一直安慰自己,他們只是感情好重荠,可當(dāng)我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布箭阶。 她就那樣靜靜地躺著,像睡著了一般戈鲁。 火紅的嫁衣襯著肌膚如雪仇参。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天婆殿,我揣著相機與錄音诈乒,去河邊找鬼。 笑死婆芦,一個胖子當(dāng)著我的面吹牛怕磨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播消约,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼肠鲫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了或粮?” 一聲冷哼從身側(cè)響起导饲,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后渣锦,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體硝岗,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年袋毙,在試婚紗的時候發(fā)現(xiàn)自己被綠了辈讶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡娄猫,死狀恐怖贱除,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情媳溺,我是刑警寧澤月幌,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站悬蔽,受9級特大地震影響扯躺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蝎困,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一录语、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧禾乘,春花似錦澎埠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至伍派,卻和暖如春江耀,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背诉植。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工祥国, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晾腔。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓舌稀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親建车。 傳聞我的和親對象是個殘疾皇子扩借,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,979評論 2 355

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