• e2e目录:是端到端的测试目录,包含基本的测试桩。是用来做自动测试的。
  • src:应用源代码目录。我们写的所有代码都应该在这里面。
    • app:包括应用的组件和模块。我们自己写的绝大部分代码都是写在这个目录下的。
    • assets:此目录用来存静态资源。比如图片。
    • environments:环境配置。angular是支持多环境开发的,可以在不同的环境,比如可以在开发环境、测试环境、生成环境共用一套代码,然后把这些环境不同的配置(比如后台服务的地址,可能开发环境和生成环境是不一样的)写在不同环境的配置文件里,然后angular在编译的时候会把相应环境的配置文件编译到你的代码里去。
    • index.html 整个应用的根html
    • main.ts 是整个web应用的入口点,是脚本执行的入口点。angular通过这个文件来启动你的整个项目。
    • polyfills.ts 此文件用来导入一些必要的库。这些库是为了让angular正常运行在一些老版本的浏览器中。
    • styles.css 放应用的全局样式
    • test.ts 用来做自动化测试
    • tsconfig.json 是typescript编译器的配置文件
  • .editorconfig 是IDE的配置文件。
  • .gitignore 是Git的配置文件。
  • angular-cli.json 是angular命令行工具的配置文件。
    • 引用一些第三方的包,比如jQuery、Bootstrap,就是通过修改这个文件实现的。
  • karma.config.js karma是一个单元测试的执行器,用于执行自动化的测试。此文件是karma的配置文件
  • package.json 是一个标准的npm工具的配置文件。在这里文件里面列明了当前应用所使用到的第三方依赖包。
    • 为当前应用安装包的时候,就是按照这个文件dependencies里配置的内容去下载第三方依赖包,下载下来以后,会将这些包放到"node_modules"目录里面
  • node_modules目录:该目录放的都是第三方的依赖包,我们自己写的代码不要放在这里面。
  • protractor.conf.js 和karma.config.js类似,也是用来做自动化测试的配置文件
  • README.md 一个markdown文件,包含了angular命令行工具生成的项目的一个标准说明。包括如何构建、测试、运行项目。
  • tslint.json 这是tslint的配置文件。tslint它是用来定义typescript代码质量检查的一些规则。

由angular命令行工具(angular-cli)生成的目录和文件的更多相关文章

  1. 『.NET Core CLI工具文档』(一).NET Core 命令行工具(CLI)

    说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:.NET Core Command Line Tools 翻译:.NET Core命令行工具 什么是 .NET Core ...

  2. Apache Kafka系列(二) 命令行工具(CLI)

    Apache Kafka命令行工具(Command Line Interface,CLI),下文简称CLI. 1. 启动Kafka 启动Kafka需要两步: 1.1. 启动ZooKeeper [roo ...

  3. [转]轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)

    本文转自:http://blog.csdn.net/zapzqc/article/details/42237935 由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最 ...

  4. 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)

    由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最下方:   应用图标:   1.在整个项目所在文件夹下创建res文件夹,里边再分别创建两个文件夹android和io ...

  5. node命令行工具之实现项目工程自动初始化的标准流程

    一.目的 传统的前端项目初始流程一般是这样: 可以看出,传统的初始化步骤,花费的时间并不少.而且,人工操作的情况下,总有改漏的情况出现.这个缺点有时很致命. 甚至有马大哈,没有更新项目仓库地址,导致提 ...

  6. Node.js躬行记(3)——命令行工具

    一.自定义 创建一个空目录,然后通过npm init命令初始化package.json文件,并按提示输入相关信息或直接回车使用默认信息,生成的内容如下所示. { "name": & ...

  7. Angular CLI 命令行工具

    工欲善其事必先利其器.好的工具让开发更加简单便捷. 1.全局安装angular cli npm install -g @angular/cli 2.安装完成后就可以使用angular-cli命令行工具 ...

  8. 使用.Net Core编写命令行工具(CLI)

    命令行工具(CLI) 命令行工具(CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行. 通常认为,命令行工具(CLI)没有 ...

  9. Apache Commons CLI 开发命令行工具示例

    概念说明Apache Commons CLI 简介 虽然各种人机交互技术飞速发展,但最传统的命令行模式依然被广泛应用于各个领域:从编译代码到系统管理,命令行因其简洁高效而备受宠爱.各种工具和系统都 提 ...

随机推荐

  1. 使用selenium实现简单网络爬虫抓取MM图片

    撸主听说有个网站叫他趣,里面有个社区,其中有一项叫他趣girl,撸主点进去看了下,还真不错啊,图文并茂,宅男们自己去看看就知道啦~ 接下来当然就是爬取这些妹子的图片啦,不仅仅是图片,撸主发现里面的对话 ...

  2. js-jquery-002-条形码-一维码

    一.使用 官方地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html 1.js引用 <script type="te ...

  3. js中将Object转换为String函数代码

    经常会碰到结果对象是object而无法查看该对象里面的内容而苦恼,有下面这个函数就好了,可以将其转化为字符串类型,然后就可以打印出来了,具体代码如下: function obj2string(o){ ...

  4. 工作笔记-javascript-网络层封装

    /** * @Author Mona * @Date 2016-12-08 * @description 网络层封装 */ /** * 封装基本请求方式 */ window.BaseRequest = ...

  5. python16_day25【crm】

    一.CRM模拟admin功能 1.过滤功能 2.显示数据分页 3.动态菜单 项目:https://github.com/willianflasky/growup/tree/master/s16/hom ...

  6. HDU 1142 A Walk Through the Forest(Dijkstra+记忆化搜索)

    题意:看样子很多人都把这题目看错了,以为是求最短路的条数.真正的意思是:假设 A和B 是相连的,当前在 A 处, 如果 A 到终点的最短距离大于 B 到终点的最短距离,则可以从 A 通往 B 处,问满 ...

  7. Python-argparse-命令行与参数解析

    import argparse import numpy as np import cv2 import os import numpy.random as npr from dface.core.u ...

  8. hdu3374 String Problem

    地址:http://acm.hdu.edu.cn/showproblem.php?pid=3374 题目: String Problem Time Limit: 2000/1000 MS (Java/ ...

  9. 原生js 操作dom

    1.一些常用的方法 obj.getElementById() 返回带有指定 ID 的元素. obj.getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节 ...

  10. spring boot开发为什么使用jar包

    spring boot既可以打成war发布,也可以找成jar包发布. jar包:直接通过内置tomcat运行,不需要额外安装tomcat.如需修改内置tomcat的配置,只需要在spring boot ...