由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 简介 虽然各种人机交互技术飞速发展,但最传统的命令行模式依然被广泛应用于各个领域:从编译代码到系统管理,命令行因其简洁高效而备受宠爱.各种工具和系统都 提 ...
随机推荐
- 2D游戏中的碰撞检测:圆形与矩形碰撞检测(Javascrip版)
一,原理介绍 这回有点复杂,不过看懂了还是很好理解的.当然,我不敢保证这种算法在任何情况下都会起效果,如果有同学测试时,发现出现错误,请及时联系我. 我们首先来建立一个以圆心为原点的坐标系: 然后要检 ...
- HTML5开源RPG游戏引擎lufylegendRPG 0.1发布
一,小小开篇 首先不得不先介绍一下这个引擎: lufylegendRPG是lufylegend的拓展引擎,使用它时,需要引入lufylegend.同时您也需要了解lufylegend语法,这样才能 ...
- HDU3123:GCC(同余模简单题)
题目:http://acm.hdu.edu.cn/showproblem.php?pid=3123 题意很简单,就是同余模的简单应用. 代码如下: #include <iostream> ...
- WKWebkit使用
webkit使用WKWebView来代替IOS的UIWebView和OSX的WebView,并且使用Nitro JavaScript引擎,这意味着所有第三方浏览器运行JavaScript将会跟safa ...
- Google Code Jam 2014 总结
第一次参加ACM竞赛,对自己取得的成绩还满意. Round1A: Rank: 2446 Score: 9 (没有进前1000名,只能拼下次了) Round1B: Rank: 944 Score: 42 ...
- smarty模板(转载)
一.smarty的程序设计部分: 在smarty的模板设计部分我简单的把smarty在模板中的一些常用设置做了简单的介绍,这一节主要来介绍一下如何在smarty中开始我们程序设计.下载Smarty文件 ...
- hdu6194 string string string
地址:http://acm.split.hdu.edu.cn/showproblem.php?pid=6194 题目: string string string Time Limit: 2000/10 ...
- 论文笔记:dropout
Improving neural networks by preventing co-adaptation of feature detectors arXiv preprint arXiv: 120 ...
- js中获取时间戳
function conver(){ var date = new Date(); var year = date.getFullYear() var month=date.getMonth()+1; ...
- QML Image Element
QML Image Element The Image element displays an image in a declarative user interface More... Image元 ...