Angular2工程文件简析

  今天简单介绍一下Angular2工程搭建好后,目录中的各个文件。官方请参考这里。官方文档是有一点落后的。
请注意,创建的项目都是用TypeScript开发的

Angular2工程文件简析_第1张图片
文件主目录.png

下面主要介绍一些目前这个学习阶段我们需要知道的文件

  src/app:和我们新手开发主要相关的文件主要就是/app文件夹。我们写的各个模块、组件的代码都要放在这里。
  src/assets:这里存放着我们需要的各个静态资源,比如你的图片、声音,样式和字体,还有你需要调用的一些api。
  favicon:这是访问站点时浏览器标签栏显示的图标。
  index.html:项目的入口页面,整个项目就是这一个页面,Angular2在页面里切换显示不同的组件,我们就看到了不同的页面。

src文件夹

src/app:和我们新手开发主要相关的文件主要就是/app文件夹。我们写的各个模块、组件的代码都要放在这里。
src/assets:这里存放着我们需要的各个静态资源,比如你的图片、声音,样式和字体,还有你需要调用的一些api。
src/environments:这里存放着你的打包项目时所用的环境配置。打包时可以选择开发方式,也可以选择正式产品方式,对于不同的方式的环境配置文件。
favicon:这是访问站点时浏览器标签栏显示的图标。
index.html:项目的入口页面,整个项目就是这一个页面,Angular2在页面里切换显示不同的组件,我们就看到了不同的页面。
main.ts:  用于整个项目的模块引导,无需修改。
polyfills.ts:用于解决浏览器兼容问题。
style.css:这是应用的全局样式,写的样式会在整个项目中有效。   
test.ts:测试入口文件
tsconfig.json: TypeScript的配置文件为 TypeScript 编译器指定如何将TypeScript 代码转换为 JavaScript 文件,用来在所有现代浏览器中运行。  

主文件夹

angular-cli.config:angular-cli的配置文件
karma.conf.js:karma测试运行的配置文件
package.json:指定了项目的依赖包,同时可以指定一些命令脚本
protractor.conf.js:protractor端到端(e2e)测试器运行的配置文件
tslint.json:利用npm安装的 TypeScript 语法检查器 (linter) 

以上就是文件的一些介绍

你可能感兴趣的:(Angular2工程文件简析)