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 或者andoridplatforms的子文件夹下生成平台特定代码。

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的命令行的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段4——cli的终端命令大全

Ionic CLI 升级到最新版本

react快速构建一个应用项目

开发CLI命令行

手把手教你使用nodejs编写cli(命令行)——拉取远程仓库作为代码模板

在 Ionic2 中设置离子行高度大小