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

回文集目录:JHipster一知半解

Angular


概述

近几年,随着微服务、前后端分离的理念逐步深入人心;作为页面控制的核心语言(javasprit)也引来了最辉煌的时刻。一方面,进行语言自身特性扩展(ES5、ES6、Typescript),逐步增强原始版本中过于随意,作用域难以控制等缺陷,另一方面,进行框架化设计,出现了React、Angular、Vue几个流行的框架。
JHipster非常适合后端程序员转型而作,它之前选择的是AngularJs,之后也同步跟上Angular(感觉后端气质,依赖注入,模块划分、装饰器等)。

Typesript

看官网即可,JS语法超集,当做手册翻

tslint.json

定义:TSLint is an extensible static analysis tool that checks TypeScript code for readability, maintainability, and functionality errors。
也就是说,它是一个静态的代码分析工具,用来检查TypeScript编写是否符合规范,用来提高可读性,可维护性

要从jshint说起了,毕竟js是一个毕竟是宽松的语言,好处是写起来快,坏处是改起来苦。然而这个世界并没有一次写完,就很完备,永远不会修改的代码。于是出现了jshint,告诉代码分析工具(主要是编辑器,如Webstorm,Vs code等),需要帮我检查我写的js,如果有什么不规范的地方给我标出来,保证我写的代码质量高。
到了Typescript这,由于有向下兼容的特性,随便写还是可能的,但是这样就失去了Typescript良好的封装性。于是也顺理成章出来tslint,用来检查.ts文件。
那么具体按照什么标准检查呢,就需要tslint.json作为说明书,传达我们需要检测的规则标准。
tslint.json里面主要就是rulesDirectory和rules两块,具体可自行查看,这里就不在赘述了。(教科书般的配置,可直接copy到任何工程)

tsconfig.json 和 tsconfig-aot.json

本质上ts文件是需要编译成js才能真正在浏览器上运行的,这两个是Typescript编译器的配置文件,指定了用来编译这个项目的根文件和编译选项,告诉tsc命令怎么编译ts。
通过对比可以看出,aot(生产环境)编译的LIB就是ES5,当前浏览器都支持的语言,而普通版本就更为高版本一些,而且还同步生成sourcemap,便于进行开发调试。
值得注意的是,这两个也是可以复用到其他项目的,需要根据自己项目组织情况,修改inclue和exclude目录位置
(详细说明在Type官网的tsconfig.json节

Angular-cli

ng help查看,ng工程的创建,构建,编译,测试,运行全生命周期管理。当然我们用jhipster,它已经封装了一部分功能了。

.angular-cli.json

由angular-cli记录的配置信息,运行ng命令会先读取其中配置,例如ng test就会读取其中“test”节。既然是加.在开头的,理论上就不是给开发者编辑的(当然事实并非如此)。不过jhipster前端本身并不是严格的ng工程,script里面也没有
使用ng命令的地方,这个文件可以忽略。。

现在,Angular现在教程挺多的,看书,看官网

资源和书籍推荐

强烈推荐区

参考区

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,444评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,421评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,363评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,460评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,502评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,511评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,280评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,736评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,014评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,190评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,848评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,531评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,159评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,411评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,067评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,078评论 2 352

推荐阅读更多精彩内容