首页 > 代码库 > 002Angular2工程目录解构

002Angular2工程目录解构

|--my-app  工程名
  |--e2e  端到端测试
  |--node_modules  package.json列出的第三方模块放在此处
  |--src
    |--app
      |--app.component.css  根组件样式
      |--app.component.html  根组件模板
      |--app.component.spec.ts  根组件测试
      |--app.component.ts  根组件
      |--app.module.ts  根模块
    |--assets  放置图图片等,构建应用时,会全部拷贝到发布包中
    |--environments  环境配置,在.angular-cli.json中指定使用规则
      |--environment.prod.ts  生产环境使用
      |--environment.ts  开发环境使用
    |--favicon.ico  标签页图标
    |--index.html  网站主页
    |--main.ts  应用入口
    |--polyfills.ts  填充库,将web浏览器对标准支持不同进行标准化
    |--styles.css  全局样式
    |--test.ts  单元测试入口
    |--tsconfig.app.json  应用的编译器配置文件
    |--tsconfig.spec.json  单元测试的编译器配置文件
  |--.angular-cli.json  Angular CLI配置文件
  |--.editorconfig  编辑器配置文件
  |--.gitignore  git配置文件,确保自动生成的和工程无关的文件不会被提交到代码库
  |--karma.conf.js  配置karma单元测试,ng test时使用
  |--package.json  自定义脚本 & 第三方依赖
  |--protractor.conf.js  端到端测试配置文件,ng e2e时使用
  |--README.md  项目文档
  |--tsconfig.json  编译器配置
  |--tslint.json  给TSLint和Codelyzer用的配置文件,使用ng link时使用,帮助保持代码风格统一

002Angular2工程目录解构