• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

基于TypeScript的Angular6.X系列学习笔记-目录结构

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

Angular6.X项目【我的应用】目录结构分析:

项目中使用Angular CLI创建的名称【my-app】,创建的目录结构如下:

 对应文件描述:

1.e2e —— 在e2e/下是端到端(End-to-End)测试;

2.node_modules —— 安装的第三方模块都放在这里;

3.src —— 自定义项目的所有文件存放在src里面;

4.app —— 组件以及 app.module.ts 定义跟模块;

5.assets —— 静态资源;

6.environments —— 文件夹中包括为各个目标环境准备的文件;

7.browserslist —— 一个配置文件,用来在不同的前端工具之间共享目标浏览器;

8.favicon.ico —— 网站书签栏显示图标;

9.index.html —— 主页面;

10.karma.conf.js —— 给Karma的单元测试配置,当运行命令 ng test 时会用到它;

11.main.ts —— 当前应用的主要入口点;

12.polyfills.ts —— 填充库(polyfill)能帮助我们支持不同浏览器对Web的标准化;

13.style.css —— 当前项目的全局样式;

14.test.ts —— 当前项目单元测试的主要入口点;

15.tsconfig.app.json —— TypeScript编译器的配置文件,是为Angular 应用准备的;

16.tsconfig.spec.json —— TypeScript编译器的配置文件,是为单元测试准备的;

17.tslint.json —— 额外的Linting 配置,运行命令 ng lint 时,它会供带有 Codelyzer 的 TSLint 使用,Linting可以保持代码风格一致性;

18.editorconfig —— 当前编辑器的一个简单配置文件;

19.gitignore —— Git配置文件,用来确保某些自动生成的文件不会被提交到源码控制系统中;

20.angular.json —— Angular CLI的配置文件;

21.package-lock.json —— 官网暂无描述;

22.package.json —— npm配置文件,其中列举出了项目使用到的第三方依赖包。你还可以在这里添加自己的自定义脚本;

23.README.md —— 当前项目的基础文档,预先写入 CLI 命令的信息;

24.tsconfig.json —— TypeScript 编译器的配置,当前IDE会借助它来提供更好的帮助;

 

注:若了解更多,请查看官方文档更新记录,参考:https://www.angular.cn/guide/quickstart 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript泛型发布时间:2022-07-18
下一篇:
Vue3.x+TypeScript安装初体验发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap