2-1 CLI 工程结构
ng new 项目名称:去创建一个angular的项目
ng new pinduoduo
是否需要添加路由,选择否
选择传统的css
rm -fr pinduoduo:删除刚才创建的项目
ng new pinduoduo --skip-install:只生成文件,但是不安装npm的依赖项
ng new pinduoduo --skip-install --style css --routing false
ng new --help:查一下ng new指令支持什么东西,可以看到它支持很多的参数
ng help:查看ng下面有哪些自命令
如果npm install 命令安装报错。 可以用命令 ls -la把node_modules目录先删除
ng serve:启动一个开发的服务,将代码进行编译
不同的代码编译器中,维持同样的代码风格:.editorconfig
例如不同的
.gitifnore:git中忽略的文件列表
angular.json:整个项目angular的定义文件
browerserslist:维持浏览性兼容性的文件
karma.conf.js:单元测试的
package.json
dependencies:项目依赖,项目会直接使用的依赖
devDependencies:开发依赖,
typescript并不会跟随你发布的版本,只会在写代码的时候用到。最终还是生成为javascript,所以只在开发阶段用。
安装直接的依赖:
npm i -S 等于 npm i --save
也就是-S 等于 --save
i就是install的缩写
安装开发依赖:
npm install --save-dev 软件包名
~和^:
~:保证前两个的固定,例如 8.0.0,保证的是8.0
^锁定大版本,数字第一个
前面啥都不写就是严格的要求必须是8.0.0的版本
package-lock.json:版本的依赖包锁定
script:脚本
npm run ng 和实际用ng是一样的
npm调用的命令是写在你的配置文件夹中的
例如你全局安装了cli是8.0的,但是你要运行一个angular 6.0版本的程序,那么用ng 直接运行的就是8.0的
你用npm 去运行,它运行的就是你配置文件中的版本
npm run start:实际上就是这里的ng serve
README.md:markdown格式的文档
针对ts进行配置
继承tsconfig.json
tsconfig.spec.json:带spec是争对测试的
最终编程es5的代码也就是平时用的javascript的版本
tslint.json:做静态代码扫描,定义规则
引号的规则,这里规定的是single,必须是单引号
例如这里我们写成双引号就会有提示绿色的波浪线
点击快速修复就会修复为单引号
ng lint:会对整个工程的文件进行扫描
回顾
2-1 CLI 工程结构的更多相关文章
- Angular8开发拼多多WebApp_汇总贴
https://coding.imooc.com/class/336.html?mc_marking=b9f5e475d0cb8922d899d416f5b4433f&mc_channel=s ...
- .NET Core系列 : 1、.NET Core 环境搭建和命令行CLI入门
2016年6月27日.NET Core & ASP.NET Core 1.0在Redhat峰会上正式发布,社区里涌现了很多文章,我也计划写个系列文章,原因是.NET Core的入门门槛相当高, ...
- 跨越语言的障碍:C++/CLI 调用 C#
首先我想投诉一下博客园首页右边栏的广告..最近总是出现很恐怖的整容脸的广告.真的是吓坏了.=.=大家有同感吗? 博客园前一阵子掀起了语言的广泛讨论,事实上语言的争执在整个程序员圈子也没有停止过.以我个 ...
- Ubuntu 安装 CLI 并运行 ASP.NET Core 1.0
Ubuntu 下载地址:http://www.ubuntu.org.cn/download/desktop 注:目前 CLI 的安装命令只支持 Ubuntu 14.04,暂不支持 Ubuntu 14. ...
- 『.NET Core CLI工具文档』(十四)dotnet-install 脚本参考
说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:dotnet-install scripts reference 翻译:dotnet-install 脚本参考 名称 d ...
- 『.NET Core CLI工具文档』(九)dotnet-run
说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:dotnet-run 翻译:dotnet-run 名称 dotnet-run -- 没有任何明确的编译或启动命令运行&q ...
- 『.NET Core CLI工具文档』(八)dotnet-restore
说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:dotnet-restore 翻译:dotnet-restore 名称 dotnet-restore - 还原一个项目的 ...
- 『.NET Core CLI工具文档』(七)dotnet-new
说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:dotnet-new 翻译:dotnet-new 名称 dotnet-new -- 创建一个新的 .NET Core 项 ...
- 『.NET Core CLI工具文档』(六)dotnet 命令
说明:本文是个人翻译文章,由于个人水平有限,有不对的地方请大家帮忙更正. 原文:dotnet command 翻译:dotnet 命令 名称 dotnet -- 运行命令行命令的一般驱动程序 概要 d ...
随机推荐
- mysql根据某一个字段查询数量大于1的数据
分组条件:org_code select count(1) from qyt_company_info t GROUP BY t.org_code HAVING count(1)>1;
- php的冒泡排序
有其它语言基础, 这些套路弄起来就是快! 都在注释里~ <?php /** * 冒泡排序 PHP实现 * 原理:两两相邻比较,如果反序就交换,否则不交换 * 时间复杂度:最好 O(n) 最坏 O ...
- poj3522Slim Span(暴力+Kruskal)
思路: 最小生成树是瓶颈生成树,瓶颈生成树满足最大边最小. 数据量较小,所以只需要通过Kruskal,将边按权值从小到大排序,枚举最小边求最小生成树,时间复杂度为O( nm(logm) ) #incl ...
- xshell连接不上阿里云服务器Could not connect to 'ip' (port 22): Connection failed.解决过程
记一次xshell阿里云服务器突然连接不上的解决办法: 1, 确认阿里云服务器安全组出入都有22,百度出来都说的这个和ip拦截设置,以防万一都设置了:但楼主设置后,还是连不上服务器: 只好下一步 2, ...
- (a2b_hex)binascii.Error: Non-hexadecimal digit found
HEX_CHAR = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'] 错误:16进制字 ...
- php web开发——文件的上传和下载
PHP用超级全局变量数组$_FILES来记录文件上传相关信息的. 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本 ...
- art-template模板引擎高级使用
一.结合express的基本使用 // npm下载express/art-template/express-art-tempalte,并且加载 var express=require('express ...
- SQL必知必会收集学习
1.按查询列位置排序:如按第一列 降序排序 desc
- Angular2发送HTTP请求SpringBoot后台跨域问题解决
Angular通过http发送post请求至SpringBoot的Controller,由于同源策略的保护,遇到跨域问题: • 源(origin)就是协议(http).域名(localhost)和端口 ...
- DDL 语言
数据库模式定义语言并非程序设计语言,DDL数据库模式定义语言是SQL语言(结构化查询语言)的组成部分. SQL语言包括四种主要程序设计语言类别的语句:数据定义语言(DDL),数据操作语言(DML),数 ...