Angular应用程序基本结构
fullstacker 发布于 2021-07-14

使用ng new myAngularProject命令执行后如下,因为执行的过程中在install package过程中卡住,所以从其他地方将已经安装的node_modules复制过来也可以。


app文件夹

包含用于角度应用程序的“模块”和“组件”。
基本上是这样的,
app.component.css-包含组件的css代码。
app.component.html-指向应用程序组件的html文件。它是角度应用程序的模板。
app.component.spec.ts-与app component关联的单元测试文件。可以使用“ng test”命令生成。
app.component.ts-整个功能逻辑都写在这个文件中。
app.module.ts-TypeScript文件包含所有依赖项。在这里,我们将使用“NgModule”并在加载应用程序时定义引导组件。

assets文件夹

在这里,我们将保留图像、样式、图标等资源。

environments文件夹

它包含在构建应用程序时有帮助的环境配置常量。它有environment.ts和environment.prod.ts。这些配置在angular.json文件中使用。

favicon.io

图标出现在应用程序的浏览器选项卡中。

index.html

基本的HTML文件

main.ts

我们申请的出发点。它从app.module.ts文件引导/启动AppModule。

polyfills.ts

此文件用于将TypeScript编译为特定的JavaScript方法。为浏览器版本提供兼容性支持。

styles.css

全局的CSS文件

tests.ts

它是主测试文件。当我们运行“ng test”命令时,会考虑这个文件。

.browserslistrc文件

此文件中提到了浏览器兼容性和版本。这个配置在我们的package.json文件中被指向。

.editorconfig

此文件处理代码编辑器中的一致性,以组织一些基本内容,如缩进和空白。更像是代码格式化。

angular.json

这个文件定义了应用程序的结构。它包括与我们的应用程序相关的设置。此外,我们还可以指定此文件上的环境。例如开发、生产等。

karma.conf.js

这是Karma测试运行程序的配置文件。它用于单元测试。

package.json

这是npm配置文件。此文件中提到的所有依赖项。我们可以根据需要修改这个文件的依赖版本。

package-lock.json

每当我们在node_modules或package.json上更改某些内容时,都会生成此文件。它与npm有关。

全栈者
关注 私信
文章
31
关注
0
粉丝
0