JHipster一知半解- 4.1 語(yǔ)言框架Typescript和Angular

回文集目錄:JHipster一知半解

Angular


概述

近幾年,隨著微服務(wù)、前后端分離的理念逐步深入人心;作為頁(yè)面控制的核心語(yǔ)言(javasprit)也引來(lái)了最輝煌的時(shí)刻。一方面,進(jìn)行語(yǔ)言自身特性擴(kuò)展(ES5、ES6、Typescript),逐步增強(qiáng)原始版本中過(guò)于隨意,作用域難以控制等缺陷,另一方面,進(jìn)行框架化設(shè)計(jì),出現(xiàn)了React、Angular、Vue幾個(gè)流行的框架。
JHipster非常適合后端程序員轉(zhuǎn)型而作,它之前選擇的是AngularJs,之后也同步跟上Angular(感覺(jué)后端氣質(zhì),依賴注入,模塊劃分、裝飾器等)。

Typesript

看官網(wǎng)即可,JS語(yǔ)法超集,當(dāng)做手冊(cè)翻

tslint.json

定義:TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors。
也就是說(shuō),它是一個(gè)靜態(tài)的代碼分析工具,用來(lái)檢查T(mén)ypeScript編寫(xiě)是否符合規(guī)范,用來(lái)提高可讀性,可維護(hù)性

要從jshint說(shuō)起了,畢竟js是一個(gè)畢竟是寬松的語(yǔ)言,好處是寫(xiě)起來(lái)快,壞處是改起來(lái)苦。然而這個(gè)世界并沒(méi)有一次寫(xiě)完,就很完備,永遠(yuǎn)不會(huì)修改的代碼。于是出現(xiàn)了jshint,告訴代碼分析工具(主要是編輯器,如Webstorm,Vs code等),需要幫我檢查我寫(xiě)的js,如果有什么不規(guī)范的地方給我標(biāo)出來(lái),保證我寫(xiě)的代碼質(zhì)量高。
到了Typescript這,由于有向下兼容的特性,隨便寫(xiě)還是可能的,但是這樣就失去了Typescript良好的封裝性。于是也順理成章出來(lái)tslint,用來(lái)檢查.ts文件。
那么具體按照什么標(biāo)準(zhǔn)檢查呢,就需要tslint.json作為說(shuō)明書(shū),傳達(dá)我們需要檢測(cè)的規(guī)則標(biāo)準(zhǔn)。
tslint.json里面主要就是rulesDirectory和rules兩塊,具體可自行查看,這里就不在贅述了。(教科書(shū)般的配置,可直接copy到任何工程)

tsconfig.json 和 tsconfig-aot.json

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

Angular-cli

ng help查看,ng工程的創(chuàng)建,構(gòu)建,編譯,測(cè)試,運(yùn)行全生命周期管理。當(dāng)然我們用jhipster,它已經(jīng)封裝了一部分功能了。

.angular-cli.json

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

現(xiàn)在,Angular現(xiàn)在教程挺多的,看書(shū),看官網(wǎng)

資源和書(shū)籍推薦

強(qiáng)烈推薦區(qū)

參考區(qū)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容