Angular-cli12搭建的项目目录

在这里插入图片描述
在这里插入图片描述

第一层目录

node_modules		第三方依赖包存放目录
src   				应用源代码目录  
.browserslistrc     设置浏览器的兼容
.editorconfig       帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式
.gitignore          告诉Git哪些文件不需要添加到版本管理中
angular.json        整个项目的概要,包含了不同的环境,测试、代理、第三方资源和众多内置工具
karma.conf.js  		karma是单元测试的执行器,karma.conf.js是karma的配置文件
package-lock.json   锁定安装时的包的版本号,并且需要上传到git,以保证其他人在npm install时大家的依赖能保证一致
package.json   		这是一个标准的npm工具的配置文件,这个文件里面列出了该应用程序所使用的第三方依赖包。实际上我们在新建项目的时候,等了半天就是在下载第三方依赖包。下载完成后会放在node_modules这个目录中,后期我们可能会修改这个文件。
README.md           项目说明文件
tsconfig.app.json   tsconfig.json的扩展
tsconfig.json       typescript配置文件,当一个目录中存在tsconfig.json文件,则认为该目录为typeScript项目的根目录。
tsconfig.spec.json  应用程序测试的typescript配置

src文件夹中的文件

app文件夹                       包含应用的组件和模块,我们要写的代码都在这个目录
    app.component.html          组件的模板,这是用 HTML 写的
    app.component.sass          组件的私有 CSS 样式
    app.component.spec.ts       组件的单元测试
    app.component.ts            组件的类代码,这是用 TypeScript 写的
    app.module.ts               定义根模板
assets文件夹                    资源目录,存储静态资源的  比如图片
    .gitkeep                    用于空目录的追踪(git是不能追踪空的目录的,使用.gitkeep来做到)
environments文件夹               环境配置。Angular是支持多环境开发的,我们可以在不同的环境下(开发环境,测试环境,生产环境)共用一套代码。
    environment.prod.ts         生产环境配置
    environment.ts              开发环境配置
favicon.ico     Favorites Icon的缩写让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站
index.html      整个应用的根html,程序启动就是访问这个页面
main.ts         整个项目的入口点,Angular通过这个文件来启动项目
polyfills.ts    主要是用来导入一些必要库,为了让Angular能正常运行在老版本下
styles.sass     放一些全局的样式
test.ts         自动化测试用的
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值