回文集目录: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现在教程挺多的，看书，看官网

资源和书籍推荐

强烈推荐区

• TypeScript官网
  https://www.tslang.cn/

• angular官网
  https://angular.cn/

• Angular权威教程
  https://item.jd.com/12176534.html
  https://pan.baidu.com/s/1eSbCURK 密码：ans1

• Angular 4.x 修仙之路
  https://segmentfault.com/a/1190000008754631

• Angular2 从0到1 （一）
  https://item.jd.com/12059091.html
  http://www.jianshu.com/p/9af9f203e0b1

参考区

• tslint 官网
  https://palantir.github.io/tslint/

• Learning Typescript-读书笔记
  https://www.jianshu.com/u/a76565e2af90