利用Angular/cli生成Angular6项目目录介绍

利用Angular/cli生成Angular6项目目录介绍

上图就是angular6项目的完整目录，接下来我将一一为大家介绍，每一个文件或文件夹的具体作用。

• 首先是e2e：端到端的测试目录，做自动测试的。
• node_modules：提供给整个工作空间的 npm 包。
• src，应用源代码目录。我们写的代码都应该在这里面，下面我还会进一步为大家讲解内部具体内容。
• .editorconfig：这是我使用的IDE ，WebStorm的配置文件。
• gitignore：指定 Git 要忽略的非跟踪的文件。
• angular.json：工作区中所有项目的 CLI 配置，包括 CLI 使用的构建选项、运行选项、测试工具选项（比如 Karma、Protractor）等
• package.json：列出包依赖项。命令行运行npm install 会根据这个文件中的配置，把依赖文件下载到node_modules文件夹中。
• package-lock.json：为 npm 客户端安装到 node_modules 中的所有软件包提供版本信息。
• README.md：介绍文档
• tsconfig.json：工作空间中所有应用的默认 TypeScript 配置。里面配置了一些TypeScript编译时的一些规则。
• tslint.json：工作空间中所有应用的默认 TSLint 配置。用来检查语法规范的。
  *接下来我们打开src文件夹，这里面的内容是重点。*一些不重要的文件夹我就不介绍。

• app：应用的组件和模块，我们写的代码就放在这个文件夹下。
• assets：用来存静态资源，比如你页面中要用的一些你自己的图片等。
• environments：开发环境和生产环境的配置文件。
• index.html：整个应用的根html，项目启动后，访问的第一个html文件。
• karma.conf.js：用来执行自动化测试的。
• main.ts：应用的主入口点。angular通过这个文件来启动整个项目。
• polyfills.ts：导入一些库，是angular可以正常运行在一些老版本的浏览器。
• styles.css：应用全局的样式。
• test.ts：单元测试的主入口点，其中带有一些特定于 Angular 的配置。一般来说你不必编辑这个问题。

后续我会继续更新学习angular的一些心得笔记，并列出一些小例子讲解angular。