angular2.0项目结构-整理

请直接参考：https://www.angular.cn/guide/quickstart

此文以本人参与的web项目为参考。

总的结构图如下：

在理解之前，我们要知道这里面哪些文件是默认就有的

上图是在终端新建立my-hero项目后默认出现的文件。

e2e                 端到端的测试目录，用来做自动测试
karma.conf.js       karma是单元测试的执行器，karma.conf.js是karma的配置文件
node_modules        第三方依赖包存放目录,缺少包或者不存在时使用npm install指令
package-lock.json   在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号。
package.json        angular有一系列基础的依赖包，在项目运行起来前需要先把这些基础的依赖包下载到根目录下，方便项目引用。这个文件描述了npm包的所有相关信息，包括作者、简介、包依赖、构建等信息，格式必须是严格的json格式，我们在安装一些第三方依赖包时都是根据这个文件的配置信息下载的，下载的第三方依赖包放在node_modules目录下。
protractor.conf.js  配置文件，用来做自动测试
README.md           说明
src                 源代码目录
tsconfig.json       如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。  
tslint.json         是tslint的配置文件，用来定义TypeScript代码质量检查的规则

src目录

app                 项目的源代码都在这里
assets              存放js、css、模板、图片、flash 等等资源文件，一般表示静态资源
environments        环境配置。Angular是支持多环境开发的，我们可以在不同的环境下（开发环境，测试环境，生产环境）共用一套代码，主要用来配置环境的
index.html          根html，项目首先访问这个页面
main.ts             项目的入口文件
polyfills.ts        主要是用来导入一些必要库，为了让Angular能正常运行在老版本下
styles.css          存放一些全局的样式
tsconfig.app.json   TypeScript编译器的配置,添加第三方依赖的时候会修改这个文件
tsconfig.spec.json  配置文件
test.ts             自动化测试用的
typings.d.ts        编译时自动生成的

博主还是小白一枚，初写博客，多有借鉴，如有不对的地方还请得到指点

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！