angular 标准目录结构_Angular 项目目录结构详解

我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目，要想写项目，首先我们要先搞清楚项目的目录结构是怎样的，每个文件又有什么意义，文件中的代码又起到什么作用。

首先看一下整体的目录结构：

可以看到，命令行工具自动生成了很多文件和目录，我们来说说这些目录是干什么的

首层目录

e2e 端到端的测试目录 用来做自动测试的

node_modules 第三方依赖包存放目录

src 应用源代码目录

.angular-cli.json Angular命令行工具的配置文件。后期可能会去修改它，引一些其他的第三方的包 比如jquery等

karma.conf.js karma是单元测试的执行器，karma.conf.js是karma的配置文件

package.json 这是一个标准的npm工具的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候，等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中，后期我们可能会修改这个文件。

protractor.conf.js 也是一个做自动化测试的配置文件

README.md 说明文件

tslint.json 是tslint的配置文件，用来定义TypeScript代码质量检查的规则，不用管它

angular-cli.json常见配置

{

"project": {

"name": "ng-admin", //项目名称

},

"apps": [

{

"root": "src", // 源码根目录

"outDir": "dist", // 编译后的输出目录，默认是dist/

"assets": [ // 记录资源文件夹，构建时复制到`outDir`指定的目录

"assets",

"favicon.ico"

],

"index": "index.html", // 指定首页文件，默认值是"index.html"

"main": "main.ts", // 指定应用的入门文件

"polyfills": "polyfills.ts", // 指定polyfill文件

"test": "test.ts", // 指定测试