Angular CLI 使用教程指南参考
来源:互联网 发布:蜘蛛侠巅峰能力数据 编辑:程序博客网 时间:2024/05/22 06:16
原文链接:http://www.cnblogs.com/bh4lm/p/6638057.html
点击阅读原文
-----------------------------------------------
Angular CLI 使用教程指南参考
Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本.
安装
要安装Angular CLI你需要先安装node和npm,然后运行以下命令来安装最新的Angular CLI:
注意:Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持。
npm install -g angular-cli
在 Mac 或 Linux 平台上,你可能需要添加 sudo
前缀提权进行全局安装:
sudo npm install -g angular-cli
基本用法
你可以通过 Angular CLI 的 help
命令来获取相关的命令信息.
ng help
Angular CLI的命令关键字为 ng
ng new
ng new <project-name> [options]
创建一个新的 Angular 项目,默认在当前所在目录下--dry-run
-d
只输出要创建的文件和执行的操作,实际上并没有创建项目--verbose
-v
输出详细信息--skip-npm
在项目第一次创建时不执行任何npm命令--name
指定创建项目的名称ng serve
ng new PROJECT_NAMEcd PROJECT_NAMEng serve
将会自动在浏览器中打开默认地址 http://localhost:4200/
. 运行之后如果你修改了程序源代码.应用将会自动重载.
你也可以自定义配置 IP, 端口和实时重载端口号
ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
ng init
ng init <project-name> [options]
在当前所在目录下初始化一个新的 Angular 项目--dry-run
-d
只输出要创建的文件和执行的操作,实际上并没有创建项目--verbose
-v
输出详细信息--skip-npm
在项目第一次创建时不执行任何npm命令--name
指定创建项目的名称ng completion
ng completion
将自动完成功能添加到ng命令的shell中ng doc
ng doc <keyword>
在浏览器中打开Angular文档并搜索当前关键字ng e2e
ng e2e
使用 protractor
在当前应用中运行e2e测试 ng format
ng format
使用 clang-format
格式化当前项目代码 ng generate
ng generate <type> [options]
在项目中构建新代码ng g <type> [options]
简写当前已禁用
构建的组件都会使用自用目录,除非 --flat
单独指定.
--flat
不在自用目录内创建代码--route=<route>
指定父路由.仅用于生成组件和路由.默认为指定的路径.--skip-router-generation
跳过生成父路由配置。只能用于路由命令。--default
指定路由应为默认路由。--lazy
指定路由是延迟的。 默认为true。ng get
ng get <path1, path2, ...pathN> [options]
从Angular CLI配置获取值pathN是一个有效的JavaScript参数路径,例如“users[1].userName”。 如果未设置该值,将显示“undefined”。 此命令默认情况下仅在项目目录中工作。
--global
返回全局配置值,而不是本地配置值(如果都设置). 此选项还可以使命令在项目目录外工作ng set
ng get <path1=value1, path2=value2, ...pathN=valueN> [options]
在Angular CLI配置中设置值默认情况下,如果在项目内部运行,则设置项目配置中的值,如果不在项目内部,则失败。 pathN参数是一个有效的JavaScript路径,如“users [1] .userName”。 该值将被强制转换为正确的类型,或者如果类型无法强制,则会抛出错误。
--global
设置全局配置值,而不是本地配置值。 这也使 ng set
可以在项目之外工作。 ng build
构建工件将存储在 /dist
目录中。
ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用的环境文件(--environment = dev或--environment = prod)。 默认情况下,使用开发构建目标和环境。
# 这是生产构建ng build --target=production --environment=prodng build --prod --env=prodng build --prod# 这是开发构建ng build --target=development --environment=devng build --dev --e=devng build --devng build
ng github-pages:deploy
ng github-pages:deploy [options]
构建生产应用程序,设置GitHub存储库,然后发布应用程序。--message=<message>
构建并提交信息.默认为 "new gh-pages version"--environment=<env>
angular 环境构建。 默认为“production”--branch=<branch-name>
推送页面的git分支。 默认为“gh-branch”--skip-build
在发布之前跳过构建项目--gh-token=<token>
用于部署的API令牌,必须.--gh-username=<username>
使用的Github用户名,必须.ng lint
ng lint
在项目上运行codelyzer linterng test
ng test [options]
使用 karma
运行单元测试 --watch
继续运行测试. 默认为true--browsers
, --colors
, --reporters
, --port
, --log-level
这些参数直接传递给karmang version
ng version
输出cli版本, node 版本和操作系统信息--watch
继续运行测试. 默认为true-------------
更多的Java,Angular,Android,大数据,J2EE,Python,数据库,Linux,Java架构师,教程,视频请访问:
http://www.cnblogs.com/zengmiaogen/p/7083694.html
- Angular CLI 使用教程指南参考
- Angular CLI 使用教程指南参考
- Angular CLI 使用教程指南参考
- Ionic CLI使用教程指南
- @angular/cli 安装指南
- Angular-使用Angular CLI快速搭建框架
- angular-cli下使用bootstrap
- angular-cli 安装与使用
- 使用Angular CLI创建项目
- Angular CLI 安装和使用
- 最新angular cli 安装教程(angular4 )
- 【个人笔记重点,不作为参考】主题:angular-cli
- Angular-cli
- angular-cli
- angular-cli
- angular-cli
- Angular-CLI工具使用文档翻译
- 使用Angular CLI创建一个Angualr4项目
- pcd,obj,mtl文件格式解析
- Unity_MecAnim_Animation参数
- 第一章 Shiro简介——跟我学习springmvc shiro mybatis
- 如何进入docker 使用root用户的方式
- windows程序设计——计时器
- Angular CLI 使用教程指南参考
- SqlQueryToList 执行SQL语句并把结果返回成一个List<dynamic>
- 深度学习之卷积神经网络CNN及tensorflow代码实现示例详细介绍
- 运算符重载的一个例子--有理数加减乘除
- 必要なスキル
- Java多线程复习与巩固(一)--线程基本使用
- oracle性能调优之--Oracle硬解析与软解析
- Java中继承thread类与实现Runnable接口区别的简要的分析
- ASC转英文及数字