AngularCLI命令速查表

命令列表

名称	作用
ng init	在当前目录下创建应用
ng new	创建新的目录并在新目录下运行ng init命令
ng serve	启动
ng doc	在浏览器中打开Angular文档并搜索当前关键字
ng e2e	使用 protractor 在当前应用中运行e2e测试
ng format	使用 clang-format 格式化当前项目代码
ng generate	在项目中构建新代码
ng g	ng generate的简写
ng build	构建项目
ng github-pages:deploy [options]	将项目部署到GitHub Pages
ng version	输出cli版本, node 版本和操作系统信息
ng set	设置环境

任何指令后面都可以加--help以查看帮助

ng new

参数名	类型	默认值	作用
--dry-run	boolean	false	只输出要创建的文件和执行的操作，实际上并没有创建项目
--verbose	boolean	false	输出详细信息
--link-cli	boolean	false	自动连接到angular-cli包
--skip-install	boolean	false	在项目第一次创建时不执行npm install
--skip-bower	boolean	true	不安装bower
--skip-git	boolean	false	不执行Git repository初始化工作
--directory	string	目录名	默认与项目名称一样
--source-dir	string	'src'	源文件目录名
--style	string	'css'	使用 ('css', 'less' 还是 'scss')编写css
--prefix	string	'app'	生成新组件的前缀
--mobile	boolean	false	生成 Progressive Web App （PWA）项目
--routing	boolean	false	添加带路由的模块(module)并import到main app module中
--inline-style	boolean	false	生成新应用的时候使用inline styles(内联，不生成单独的css文件)方式
--inline-template	boolean	false	生成新应用的时候使用 inline templates(内联，不生成单独的html文件)方式
--ng4	无	无	把angular-cli升级到1.5版本以上以后，默认创建ng5

ng serve

参数名	类型	默认值	作用
--host	string	12.0.0.1	自定义配置 IP
--disable-host-check	--	--	跟在--host后面,允许使用localhost以外的host打开项目
--port	number	4200	自定义端口号
--live-reload-port	number	4200	时时重载端口号
--hmr	--	--	热替换

ng generate支持的类型

名称	示例
Component	ng g component my-new-component
Directive	ng g directive my-new-directive
Pipe	ng g pipe my-new-pipe
Service	ng g service my-new-service
Class	ng g class my-new-class
Interface	ng g interface my-new-interface
Enum	ng g enum my-new-enum
Module	ng g module my-module
Route	ng g route my-route 当前已禁用

命令参数

ng generate class

参数名	类型	默认值	作用
--spec	boolean	false	生成对应的单元测试文件

ng generate component

参数名	类型	默认值	作用
--flat	boolean	false	在src/app中生成component文件，而不是在当前目录下
--inline-template	boolean	false	使用inline template，而不是独立的HTML文件
--inline-style	boolean	false	使用inline styles，而不是独立的CSS文件
--prefix	boolean	true	使用在angular-cli.json指定的前缀来生成component selector（前缀表示selector的第一个单词）
--spec	boolean	true	生成对应的单元测试文件

ng generate directive

参数名	类型	默认值	作用
--flat	boolean	false	在src/app中生成component文件，而不是在当前目录下
--prefix	boolean	true	默认true, 使用在angular-cli.json指定的前缀来生成component selector（前缀表示selector的第一个单词）
--spec	boolean	true	生成对应的单元测试文件

ng generate module

参数名	类型	默认值	作用
--routing	boolean	false	新增一个与module对应的路由模块，并import到module中
--spec	boolean	false	用于检测模块是否存在

ng generate service

参数名	类型	默认值	作用
--flat	boolean	true	在src/app中生成component文件，而不是在当前目录下
--spec	boolean	true	生成单元测试文件

ng build

参数名	类型	默认值	作用
--aot	string	无	预编译
--base-href	string	‘/’	设置index.html文件中的base href参数
--environment	string	dev	在哪个环境中使用,prod代表生成环境
--output-path	string	dist	文件输出目标路径
--target	string	development	development:默认值，不压缩混淆，production:压缩混淆代码
--watch	boolean	false	在哪个环境中使用

ng github-pages:deploy

参数名	类型	默认值	作用
--message	string	无	构建的时候提交的message，必须写在引号中
--target	string	development	使用的环境
--user-page	boolean	false	是否以user/org页面部署到GitHub上
--skip-build	boolean	false	跳过构建直接部署
--gh-token	string	无	使用Github的token
--gh-username	string	无	使用Github用户名
--base-href	string	'/'	在index.html文件中使用的base href值

ng set

参数名	类型	默认值	作用
--global	--	无	是否设置全局
packageManager	string	无	可设置为npm\cnpm\yarn

作者：琢磨先生lf
链接：https://www.jianshu.com/p/384cc631f0fa
來源：简书