Angular项目目录介绍

前端之家收集整理的这篇文章主要介绍了Angular项目目录介绍前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


通过 ng new 项目名生成的项目

一级目录



Angular cli 工具生成的目录文件名不要随意修改,要不然会影响工具的使用。
e2e:端到端的测试目录,用来做自动测试的。
node_modules:Angular第三方包。
src:应用源代码目录,我们写的代码在这里面。
.editorconfig:webstrom IDE配置文件
.gitignore:git配置文件
.angular-cli.json:Angular命令行配置文件,实际项目中会修改文件,引入第三方包等。
karma.conf.js:karma是单元测试的执行器,是karma的配置文件
package.json:npm的Angular第三方包目录,在命令行创建项目的时候,会根据这个配置文件去下载第三方包,保存在node_modules中。
protractor.conf.js:自动化测试的配置文件
README.md:命令行的使用说明。
tsconfig.json:Typescript编译成JavaScript的配置文件
tslint.json:Angular代码检测配置文件



src目录


app:编写的代码
assets:静态资源
environments:环境配置文件,Angular支持多环境开发,开发环境,测试环境,生成环境。比如:将开发环境,测试环境,生成环境的服务器访问地址配置在不同文件。编译的时候会根据环境不同编译,后续博文介绍。

main.ts:脚本执行入口点。
polyfills.ts:导入一些第三方库,意在兼容一些浏览器。
styles.css:全局的样式写在这里。
原文链接:https://www.f2er.com/angularjs/147076.html

猜你在找的Angularjs相关文章