素材巴巴 > 程序开发 >

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

程序开发 2023-09-15 17:22:47

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文件夹的htmlapp.component.html   网页文件app.component.spec.tsapp.component.ts       typescript文件(功能模块)app.modules.ts            根模块.配置文件,告诉angular如何组装应用程序(引导运行应用)4.assets: 静态资源文件夹5.environments  ; 包含为各个目标环境准备的文件6.index.html :整个应用程序的根html7.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命令行工具的配置文件,在这个文件中可以设置一系列的默认值,也可以配置项目编译时要包含的文件。例如第三方包

 

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


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。