Angular项目文件结构及作用（初学）

最新推荐文章于 2023-07-23 23:30:14 发布

崽崽的谷雨

最新推荐文章于 2023-07-23 23:30:14 发布

阅读量980

点赞数 1

分类专栏： Angular

本文链接：https://blog.csdn.net/weixin_44058725/article/details/103510938

版权

2 篇文章 0 订阅

订阅专栏

最近初学了Angular.js介绍一下文件结构及目录。下图是新建项目得目录结构，下面来介绍一下目录得结构及作用。

第一层目录：

【node_modules 】第三方依赖包存放目录（与vue,react作用相同）
【e2e 】端到端的测试目录用来做自动测试的
【src 】应用源代码目录
【.angular-cli.json 】 Angular命令行工具的配置文件。后期可能会去修改它，引一些其他的第三方的包比如jquery等
-【 karma.conf.js】 karma是单元测试的执行器，karma.conf.js是karma的配置文件
【package.json 】这是一个标准的npm工具的配置文件，这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候，等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中，后期我们可能会修改这个文件。
【protractor.conf.js】也是一个做自动化测试的配置文件
【README.md】说明文件
【tslint.json】是tslint的配置文件，用来定义TypeScript代码质量检查的规则，不用管

src目录：

app目录 包含应用的组件和模块，我们要写的代码都在这个目录
assets目录 资源目录，存储静态资源的比如图片
environments目录 环境配置。Angular是支持多环境开发的，我们可以在不同的环境下（开发环境，测试环境，生产环境）共用一套代码，主要用来配置环境的
index.html 整个应用的根html，程序启动就是访问这个页面
main.ts 整个项目的入口点，Angular通过这个文件来启动项目
polyfills.ts 主要是用来导入一些必要库，为了让Angular能正常运行在老版本下
styles.css 主要是放一些全局的样式
tsconfig.app.json TypeScript编译器的配置,添加第三方依赖的时候会修改这个文件
tsconfig.spec.json 不用管
test.ts 也是自动化测试用的
typings.d.ts 不用管

关注