002Angular2工程目录解构

|--my-app  工程名

  |--e2e  端到端测试

  |--node_modules  package.json列出的第三方模块放在此处

  |--src

    |--app

      |--app.component.css  根组件样式

      |--app.component.html  根组件模板

      |--app.component.spec.ts  根组件测试

      |--app.component.ts  根组件

      |--app.module.ts  根模块

    |--assets  放置图图片等,构建应用时,会全部拷贝到发布包中

    |--environments  环境配置,在.angular-cli.json中指定使用规则

      |--environment.prod.ts  生产环境使用

      |--environment.ts  开发环境使用

    |--favicon.ico  标签页图标

    |--index.html  网站主页

    |--main.ts  应用入口

    |--polyfills.ts  填充库,将web浏览器对标准支持不同进行标准化

    |--styles.css  全局样式

    |--test.ts  单元测试入口

    |--tsconfig.app.json  应用的编译器配置文件

    |--tsconfig.spec.json  单元测试的编译器配置文件

  |--.angular-cli.json  Angular CLI配置文件

  |--.editorconfig  编辑器配置文件

  |--.gitignore  git配置文件,确保自动生成的和工程无关的文件不会被提交到代码库

  |--karma.conf.js  配置karma单元测试,ng test时使用

  |--package.json  自定义脚本 & 第三方依赖

  |--protractor.conf.js  端到端测试配置文件,ng e2e时使用

  |--README.md  项目文档

  |--tsconfig.json  编译器配置

  |--tslint.json  给TSLint和Codelyzer用的配置文件,使用ng link时使用,帮助保持代码风格统一

时间: 2024-10-14 10:23:07

002Angular2工程目录解构的相关文章

Android转载二:工程目录详解

REF:http://blog.csdn.net/dianfusoft/article/details/7422540       可以看出这个工程由src,gen,Android2.3.3 jar包,assets,bin,res,AndroidManifest.xml,proguard.cfg,project.properties这几个文件(夹)组成,具体作用如下所示: 下面分层次详解几个重要的文件(夹) ● src文件夹 展开这个文件夹如下所示 可以看出,这个文件夹主要用来存放源文件 ●ge

Android工程目录结构详解

工程目录结构: src: 存放java源代码的目录 gen: 存放自动生成文件的目录:R.java文件:存放res目录下对应资源的id 1,目录中存放所有由Android开发工具自动生成的文件. 2,目录中最重要的就是R.java文件.这个文件由Android开发工具自动产生的.Android开发工具会自动根据你放入res目录的资源,同步更新修改R.java文件. 3,正因为R.java文件是由开发工具自动生成的,所以我们应避免手工修改R.java文件. 4,R.java文件在应用中起到了字典的

js(3)——数组方法——函数——解构赋值

<JavaScript权威指南>读后笔记2 ---- 表达式与运算符 ---- 2018-04-23 目录 数组方法 函数:属性.方法.构造函数 const .let.var 解构赋值 1. 数组方法 join() reverse() sort() concat()  :a=[''ant','cat'];a.concat(4,3);  结果为:[ant,cat,4 ,3] slice(开始位置,结束位置-可选):索引从0开始:返回本身的值. splice() 1 // splice(插入或删除

3. 变量的解构赋值

目录 一. 数组的解构赋值 二. 对象的解构赋值 三. 字符串的解构赋值 四. 布尔和数值的解构赋值 五. 函数的解构赋值 六. 用途 总结 一. 数组的解构赋值 ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构 模式匹配:本质上,这种写法属于模式匹配,只要等号两边的模式相同,左边的变量就会被赋予相应的值 如果解构不成功(即左边的值在右边找不到对应的),则返回undefined 如果等号右边的不是数组(或者说不是可遍历的解构),那么将会报错 默认值,解析赋值允许执行默

es6学习 -- 解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样. let [a, b, c] = [1, 2, 3]; 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值. 本质上,这种写法属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值.下面是一些使用嵌套数组进行解构的例子. 我认为

参数和函数形参 到 解构和不完全解构

<span style="border-left:red;">函数的参数和形参</span> 声明一个有三个形参的函数 where function where(a,b,c){ ... } 而我们调用的时候执行 where(1,2,3,4,5){....} 此时参数 1.2.3会分别赋值给 a.b.c,参数4.5则不会赋值给任何形参.但是我们已让可以通过 隐式参数 arguments 去得到他们. <span style="border-left

Django 工程目录结构

你已经配置好你的Heroku账户(译者注:Heroku是一个老牌的免费云空间),并且创建了第一个Heroku应用,让我们来讨论一个非常重要的话题(虽然经常被忽略):Django工程结构管理. 概述 多数Django工程非常混乱.不幸的是默认的Django工程布局并没有对此有任何帮助,它过于简单对工程的管理导致在处理大的工程时带来很多维护性问题. 本文将帮助让你的工程有个合理的布局.致力于: 遵循最佳实践 让你的工程尽可能地直观--你(作为开发者)可以立即认出代码每个部分的作用 让你工程仍然保持规

ECMAscript6新特性之解构赋值

在以前,我们要对变量赋值,只能直接指定值.比如:var a = 1;var b = 2;但是发现这种写法写起来有点麻烦,一点都不简洁,而在ECMAScript6中引入了一种新的概念,那就是"解构",这种赋值语句极为简洁,比传统的属性访问方法更为清晰.那什么是解构呢?按照一定的模式,允许从数组或者对象中获取到值,并且对其变量进行赋值.称为"解构". 看到上图了吧,解构是不是很简洁.其实解构不单用于数组.对象,只要内部具有iterator接口,就都可以使用解构来给变量赋

解构赋值

1.数组解构 let [a,b,c,d] = ['aa','bb',77,88] 嵌套数组解构 let [a,b,[c,d],e] = ['aa','bb',[33,44],55] 空缺变量 let [a,b,,e] = ['aa','bb',[33,44],55] 多余变量 let [a,b,,e,f] = ['aa','bb',[33,44],55] 默认值 let [a,b,,e,f='hello'] = ['aa','bb',[33,44],55] 2.对象解构 let obj = ne