首页 / ANGULAR / Angular5学习笔记 - 项目目录结构（二）

Angular5学习笔记 - 项目目录结构（二）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Angular5学习笔记 - 项目目录结构（二），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1267字，纯文字阅读大概需要2分钟。

内容图文

一、项目总体目录

技术分享图片

 

README.md：项目的说明和一些常用指令说明，建议看看。

e2e：看不懂暂时空着？？？

node_modules/：存放npm下载的组件（npm install 后自动产生，不需要动）

package.json：项目信息定义，依赖的组建信息配置文件（npm install执行时候就是下载这里的配置组件至node_modules目录），常用。

.angular-cli.json：打包时候的一些配置项目，例如：样式、js、不同环境的打包参数配置

.editorconfig：编码风格配置，例如：缩进、编码等(一般团队可以不需要动，可参考下面的连接https://www.cnblogs.com/xiyangbaixue/p/4201490.html )。

.gitignore：Git的配置文件，配置哪些文件上传，哪些文件不上传（不需要动）。

karma.conf.js：Angularjs的工程师们创造出的测试框架（详细参考：http://blog.csdn.net/jzthekeeper/article/details/39157413）

protractor.conf.js：前端自动化测试并可以配置运行端口（详细参考 http://blog.csdn.net/huwei2003/article/details/48493977）

tsconfig.json：指导编译器如何生成 JS 文件（一般不需要动，详细参考https://www.cnblogs.com/Hao-Killer/p/7302627.html）

tslint.json：typescript格式验证工具（一般不需要动，详细参考 http://blog.csdn.net/zw52yany/article/details/78688837）

二、src文件夹

 技术分享图片

app：组件开发文件夹

app/app.component.{ts,html,css,spec.ts}：

ts：组件业务逻辑文件

html：组件的UI文件

css：组件的样式文件

spec.ts:组件异常处理

app/app.module.ts：项目的组装配置文件，一般如果用命令产生的组件、模块等会自动修改该文件。

assets/*：项目的静态文件存放目录，静态存放到这里打包的时候才会打包进去。

environments/*：环境变量，例如开发和发布的api连接地址等配置。

favicon.ico：地址栏里面显示的小图标。

index.html：项目入口文件

polyfills.ts：感觉和跨浏览器的配置有关，后续了解后再补充？？？

styles.css：全局样式文件

test.ts：测试配置文件

tsconfig.{app|spec}.json：typescript编译配置文件，影响范围只有app文件夹。

 

原文：https://www.cnblogs.com/chuancheng/p/8337277.html

内容总结

以上是互联网集市为您收集整理的Angular5学习笔记 - 项目目录结构（二）全部内容，希望文章能够帮你解决Angular5学习笔记 - 项目目录结构（二）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1122995.html

来源：【匿名】