Angular快速上手-项目文件概览03

0、前言

从上一篇文章中,我们基本了解了angular的目录结构,表面的了解了一下如何css修改【样式文件,作用于app文件夹的html】和文本修改【 typescript文件(功能模块)】。
angular在你修改完之后就立刻生效,真的是非常的漂亮。

现在这篇文章中我们将会降到项目文件概览内容。
1、你首先要看的文件是 README.md。打开之后我们就可以知道对应angular使用的版本号,该my-app的版本号是6.1.4。
它提供了一些如何使用 CLI 命令的基础信息。 如果你想了解 Angular CLI 的工作原理,请访问 Angular CLI 的仓库及其 Wiki

可以利用dos命令tree生成树形图。

基本结构如下:

解释如下:

1.     e2e:终到端(End-to-End)的测试目录,包含基本的测试桩。

2.     node_modules:Node.js创建了这个文件夹,并且把package.json中列出的所有第三方模块都存放在该目录中(是由Node.js开发环境自行创建的目录)

3.     src:应用源代码目录,开发者写的代码都存储在这个目录下面

        其中包含的目录和文件有如下几类

        app文件夹:包含5个文件

               app.component.css    样式文件,作用于app文件夹的html

               app.component.html   网页文件

               app.component.spec.ts

               app.component.ts       typescript文件(功能模块)

               app.modules.ts            根模块.配置文件,告诉angular如何组装应用程序(引导运行应用)

4.assets: 静态资源文件夹

5.environments  ; 包含为各个目标环境准备的文件

6.index.html :整个应用程序的根html

7.main.ts:整个web程序的入口点,也是脚本程序的入口点,有点像main方法

8.style.css:全局样式文件,作用范围是整个项目

9.polyfills.ts:用于导入一些必要的库,可以使angular可以运行在老版本浏览器

10. test.ts:用于单元测试的入口点

11. tsconfig.app.json  tsconfig.spec.json : typescript编辑器的配置文件

12.angula.cli.json : angular命令行工具的配置文件,在这个文件中可以设置一系列的默认值,也可以配置项目编译时要包含的文件。例如第三方包

-----知识永无止境----

猜你喜欢

转载自blog.csdn.net/Sicily_winner/article/details/81870239