命令列表
名称 | 作用 |
---|---|
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 |