由angular命令行工具(angular-cli)生成的目录和文件
- 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)生成的目录和文件的更多相关文章
- 『.NET Core CLI工具文档』(一).NET Core 命令行工具(CLI)
说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:.NET Core Command Line Tools 翻译:.NET Core命令行工具 什么是 .NET Core ...
- Apache Kafka系列(二) 命令行工具(CLI)
Apache Kafka命令行工具(Command Line Interface,CLI),下文简称CLI. 1. 启动Kafka 启动Kafka需要两步: 1.1. 启动ZooKeeper [roo ...
- [转]轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
本文转自:http://blog.csdn.net/zapzqc/article/details/42237935 由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最 ...
- 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最下方: 应用图标: 1.在整个项目所在文件夹下创建res文件夹,里边再分别创建两个文件夹android和io ...
- node命令行工具之实现项目工程自动初始化的标准流程
一.目的 传统的前端项目初始流程一般是这样: 可以看出,传统的初始化步骤,花费的时间并不少.而且,人工操作的情况下,总有改漏的情况出现.这个缺点有时很致命. 甚至有马大哈,没有更新项目仓库地址,导致提 ...
- Node.js躬行记(3)——命令行工具
一.自定义 创建一个空目录,然后通过npm init命令初始化package.json文件,并按提示输入相关信息或直接回车使用默认信息,生成的内容如下所示. { "name": & ...
- Angular CLI 命令行工具
工欲善其事必先利其器.好的工具让开发更加简单便捷. 1.全局安装angular cli npm install -g @angular/cli 2.安装完成后就可以使用angular-cli命令行工具 ...
- 使用.Net Core编写命令行工具(CLI)
命令行工具(CLI) 命令行工具(CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行. 通常认为,命令行工具(CLI)没有 ...
- Apache Commons CLI 开发命令行工具示例
概念说明Apache Commons CLI 简介 虽然各种人机交互技术飞速发展,但最传统的命令行模式依然被广泛应用于各个领域:从编译代码到系统管理,命令行因其简洁高效而备受宠爱.各种工具和系统都 提 ...
随机推荐
- 为什么使用Sails?
http://sailsdoc.swift.ren/ 这里有 sails中文文档 http://www.jianshu.com/p/ac2da4142259 前言 入手Node.js半年,从用Expr ...
- 基于python3.6.6的scrapy环境部署+图像识别插件安装
一.Python3.6.6安装1.安装依赖的二进制软件包yum -y install zlib zlib-devel bzip2 bzip2-devel ncurses ncurses-devel r ...
- 在firefox安装Selenium IDE
1.打开地址:https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/: 2.点击Add to Firefox: 3.打开Firefox ...
- golang在线手册汇总
1. golang官网 https://golang.org/ 2. golang中国 http://www.golangtc.com/ http://godoc.golangtc.com/pkg/ ...
- Laravel 文档中的 Service Providers
$this->app->singleton('ReportServices', function () { return new \App\Services\ReportServices( ...
- hdu3374 String Problem
地址:http://acm.hdu.edu.cn/showproblem.php?pid=3374 题目: String Problem Time Limit: 2000/1000 MS (Java/ ...
- 2018.9 ECNU ICPC/CCPC Trial Round #2 Query On Tree (树链剖分+线段树维护)
传送门:https://acm.ecnu.edu.cn/contest/105/problem/Q/ 一棵树,支持两种操作:给一条路径上的节点加上一个等差数列;求两点路径上节点和. 很明显,熟练剖分. ...
- httpfs的使用
在项目中使用到hdfs作为存储,为了在不同的节点加载hdfs上的数据,我们使用nfsv3服务,在客户端使用 root来mount hdfs上的数据到本地,然后把本地的数据发到hdfs上,因为这个我们的 ...
- 企业和开发人员究竟该如何适应web标准?
以下几点注意事项仅供参考:完善的前期策划和分析完善的前期逻辑模型以及项目规范性文档的制定尽可能将行政性干预移到策划阶段(按照国内的情况,做到这一点可能很困难)尽可能向后兼容,在项目规范性文档制定阶段对 ...
- ARTS Week 002
Algorithm Leetcode 2. Add Two Numbers You are given two non-empty linked lists representing two non- ...