之前的文章介绍了生成典型应用的过程。

这篇文章介绍生成应用的内部结构。先介绍一级目录和配置文件。服务器端Java和前端Typescript代码后面文章会跟上。

JHipster生成的原始目录结构：

这是jhipster/jhipster-sample-app的目录结构，这个sample app是JHipster自己在Github上创建的，为了让初学者更方便了解生成的内容。

左侧的目录结构用了一个Chrome的插件才能展示出来，Github本身没有这个界面，具体可以参考我的另外一篇文章中的第一种方法：

用VS Code打开工程之后的目录结构：

点开头的文件夹和文件在Mac下都是隐藏的。

.mvn是一个Maven wrapper，用Spring initializr(http://start.spring.io)生成Spring Boot工程也会自动生成这个Maven wrapper。

Maven wrapper的目的就是让你在没有安装Maven的情况下也可以用运行各种Maven命令(goal)，例如./mvnw install。同时保证在使用版本控制的前提下，所有人用同一个版本的Maven，因为所有人用的是同一个.mvn，避免可能每个人Maven版本不同带来的没必要的麻烦。

.settings和.vscode不是JHipster生成的，而是VS Code和VS Code上的Java language Extension生成的。

node目录也不是JHipster一开始生成的，而是在第一次编译或启动应用的时候(运行 ./mvnw)，Maven插件下载了制定版本的Node和NPM。这个和.mvn类似，也是避免参与同一项目的小组成员机器上安装的Node和NPM版本不一致，造成没必要的麻烦。

例如，当前JHipster 5.2.7的POM.xml里是这样配置的：

node_modules目录也不是JHipster一开始创建的，而是npm install安装前端依赖生成的。

src目录是标准的Maven工程目录结构。

target也不是JHipster一开始创建的，而是编译时生成的。编译的临时文件和最终成果都会放在target里面。

webpack是webpack的配置文件所在目录。

.editorconfig是editorconfig的配置文件。editorconfig起到的作用就是在各种编辑器和IDE之间建立一种通用的标准的代码风格(例如缩紧用tab还是space，程序文件的编码用utf-8)配置文件。有了一份.editorconfig文件，就不用再单独给每一个编辑器或IDE单独配置了。

.gitattributes和.gitignore是Git的配置文件。.gitignore配置那些内容应该被git忽略，例如node_modules、target目录就不应该进入版本控制。

.huskyrc是husky(哈士奇)的配置文件。husky配合git使用，更好的支持git hooks。

.prettierigonre和.prettierrc是prettier的配置文件，关于prettier可以先看我的另一篇文章：

.yo-rc.json是Yeoman的配置文件，yeoman是一种写脚手架工具的平台。jhipster命令就是用yeoman开发的一个脚手架工具，帮助我们快速生成工程代码。所以，用jhipster命令生成代码后，.yo-rc.json会记录创建过程中的所有选项。在我们之前的文章中已经介绍过了。

angular.json是angular cli命令行工具的配置文件，用ng-cli生成的工程，就会生成这个文件。虽然前端代码是jhipster生成的，没有用到ng-cli，但是为了保持和ng-cli的兼容，jhipster也生成了有效的angular.json文件。

mvnw和mvnw.cmd分别是Linux/Mac和Windows下的脚本文件，调用.mvn wrapper。

package.json和package-lock.json是NPM的配置文件。因为这是一个全栈应用，包含前端代码，所以需要node和npm。package.json记录前端工程的信息，包括scripts、dependenses等内容，类似服务器端maven的pom.xml。package.json记录的依赖版本都是一个范围，而npm install后确定下来的具体版本会记录在package-lock.json里。

pom.xml是Maven的配置文件。

postcss.config.js是postcss的配置文件。

proxy.conf.js是在使用Angular CLI的时候用来配置代理的。前后端分离部署之后，前后端的ip和端口会不同，解决跨域的办法之一就是配置代理。当然也可以用CORS，我们后续会讲到。

ng serve —proxy-conf proxy.conf.json

tsconfig-aot.json和tsconfig.json是Typescript的配置文件。

tslint.json是TSLint的配置文件。TSLint类似ESLint，用来lint Typescript代码的，检查代码风格和潜在的语法错误。

上面好多内容都需要一篇单独的文章具体介绍。例如TSLint、EditorConfig、Webpack、Maven、Yeoman、Angular CLI等等。有些内容(Pretteir)以前写过，但是还不算深入。有时间，我会把这些都补全。

欢迎关注我的公众号：全栈通途，后续文章会首发公众号。