Ionic2的CLI的命令行
Posted 从前端开发到全栈
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2的CLI的命令行相关的知识,希望对你有一定的参考价值。
http://blog.csdn.net/qq_33315185/article/details/68067747
在我们开发Ionic app的时候 CLI 是一个非常重要的工具。CLI包含了很多开发命令行,比如:start,build,server,run
.当然也包含emulate,info
。
首先就是安装CLI, 注意CLI是一个基于nodeJS的工具,所以你得先有node和npm.
之后
sudo npm install -g ionic
创建一个项目:
ionic start xxx --v2
我们可以cd 到这个文件夹下
ionic info
查询ionic 环境
ionic server
开启浏览器服务。
我们来一起看看还有哪些服务?
ionic build
这是用于在一个特定的平台上创建一个app.传入ios
或者andorid
在platforms
的子文件夹下生成平台特定代码。
ionic emulate
命令将会把你的app部署到一个特定的平台设备上,你可以通过增加–livereload这个参数选项 在一个特定的模拟器中实时重载。live reload
功能类似于ionic serve
,但是不同使用标准浏览器开发和调试app。编译后的hybrid app将会监视任何的文件改变然后重载app.这就避免了因为一些小的改动就要不断重建app。注意机器和模拟器应该处于同一局域网内,设备必须支持web sockets
.
ionic的生成器
这个generator function可以为我们的app创建页面和服务。这就让我们能够从一个基础app扩展到一个具有完整特性的app。
比如我们通过命令行创建一个页面。 ionic g page myPage
之后就会生成如下三个文件:
√ Create app/pages/my-page/my-page.html
√ Create app/pages/my-page/my-page.ts
√ Create app/pages/my-page/my-page.scss
同样我们也可以创建一个服务: ionic g provider MyData
生成如下文件: √ Create app/providers/my-data/my-data.ts
在这个服务里,我们可以使用angular的httpclass创建一个标准的http get请求服务。
ionic info
命令会输出你系统的Ionic 环境和注入依赖。这当中包含你的ionic,Cordova,Node,Xcode版本。
platform 命令会为你的应用增添新的平台,运行ionic platform add $platform
增加一个特定平台,这里的$plateform
是一个假定参数,可以替换成ios
或者android
ionic serve
可以为app分支和测试提供一个本地开发服务。
以上是关于Ionic2的CLI的命令行的主要内容,如果未能解决你的问题,请参考以下文章