new angular 项目的工作区配置文件和应用源文件
2024-08-30 05:36:02
1、工作区配置文件
每个工作空间中的所有项目共享同一个 CLI 配置环境 。该工作空间的顶层包含着全工作空间级的配置文件、根应用的配置文件以及一些包含根应用的源文件和测试文件的子文件夹。
工作空间配置文件 | 用途 |
.editorconfig | 代码编辑器的配置。参见 EditorConfig 。 |
.gitignore | 指定 Git 应忽略的不必追踪的文件。 |
README.md | 根应用的简介文档. |
angular.json | 为工作区中的所有项目指定 CLI 的默认配置,包括 CLI 要用到的构建、启动开发服务器和测试工具的配置项,比如 TSLint,Karma 和 Protractor。欲知详情,请参阅 Angular 工作空间配置 部分。 |
package.json | 配置工作空间中所有项目可用的 npm包依赖 。有关此文件的具体格式和内容,请参阅 npm 的文档 。 |
package-lock.json | 提供 npm 客户端安装到 node_modules 的所有软件包的版本信息。欲知详情,请参阅 npm 的文档。如果你使用的是 yarn 客户端,那么该文件就是 yarn.lock 。 |
src/ | 根项目的源文件。 |
node_modules/ README.md |
根应用的介绍性文档。 |
tsconfig.json | 工作空间中各个项目的默认 TypeScript 配置。 |
tslint.json | 工作空间中各个项目的默认 TSLint 配置。 |
当工作空间文件结构到位时,可以在命令行中使用 ng generate 命令往该应用中添加功能和数据。
2、应用源文件
顶级文件 src/ 为测试并运行你的应用提供支持。其子文件夹中包含应用源代码和应用的专属配置。
应用支持文件 | 目的 |
app/ | 包含定义应用逻辑和数据的组件文件。详见下文 。 |
assets/ | 包含要在构建应用时应该按原样复制的图像和其它静态资源文件。 |
environments/ | 包含特定目标环境的构建配置选项。默认情况下,有一个无名的标准开发环境和一个生产(“prod”)环境。你还可以定义其它的目标环境配置。 |
favicon.ico | 用作该应用在标签栏中的图标。 |
index.html | 当有人访问你的站点时,提供服务的主要 HTML 页面。CLI 会在构建你的应用时自动添加所有的 JavaScript 和 CSS 文件,所以你通常不用手动添加任何 <script> 或 <link> 标签。 |
main.ts | 应用的主要切入点。用 JIT 编译器编译应用,然后引导应用的根模块(AppModule)在浏览器中运行。你也可以在不改变任何代码的情况下改用 AOT 编译器, 只要在 CLI 的 build和 serve 命令中加上 --aot 标志就可以了。 |
polyfills.ts | 为浏览器支持提供了腻子(polyfill)脚本。 |
styles.sass | 列出为项目提供样式的 CSS 文件。该扩展还反映了你为该项目配置的样式预处理器。 |
test.ts | 单元测试的主入口点,带有一些Angular特有的配置。你通常不需要编辑这个文件。 |
在 src/ 文件夹里面, app/ 文件夹中包含此项目的逻辑和数据。 Angular 组件、模板和样式也都在这里。
SRC/APP/ 文件 | 用途 |
app/app.component.ts | 为应用的根组件定义逻辑,名为 AppComponent 。当你向应用中添加组件和服务时,与这个根组件相关联的视图就会成为视图树的根。 |
app/app.component.html | 定义与根组件 AppComponent 关联的 HTML 模板。 |
app/app.component.css | 为根组件 AppComponent 定义了基本的 CSS 样式表。 |
app/app.component.spec.ts | 为根组件 AppComponent 定义了一个单元测试。 |
app/app.module.ts | 定义了名为 AppModule 的根模块,它会告诉 Angular 如何组装应用。这里最初只声明一个 AppComponent。当你向应用中添加更多组件时,它们也必须在这里声明。 |
最新文章
- 【原创】新手入门一篇就够:从零开发移动端IM
- ZOJ
- MOOCULUS微积分-2: 数列与级数学习笔记 3. Convergence tests
- Java 入门 代码2浮点数据类型
- http://www.111cn.net/jsp/Jsp-Servlet/45158.htm
- 语艺杂谈1 – MAP赋值与插入
- c#语句 (随堂练习)
- 【PRO ASP.NE MVC4 学习札记】使用Moq辅助进行单元测试
- NSIS:使用FileFunc.nsh头文件判断文件版本
- MYSQL数据库导入大数据量sql文件失败的解决方案
- Java课设(学生信息管理系统)
- GDAL打开mdb文件失败解决方法
- java 标准输出与标准错误 out与 err 区别 用法 联系 java中的out与err区别 System.out和System.err的区别 System.out.println和System.err.println的区别 Java重定向System.out和System.err
- <;笔记>;Effective Objective-C 2.0 编写高质量iOS与
- Java基础——javaMail:使用心得
- 新加坡金融科技节 | 蚂蚁金服CTO程立:面向全球开放,与合作伙伴共赢
- Spark 集群管理命令
- i春秋CTF web题(1)
- BZOJ5056 OI游戏 最短路+组合数学
- 了解大数据的特点、来源与数据呈现方式以及用Python写Mad Libs游戏