码迷,mamicode.com
首页 > 其他好文 > 详细

Ionic2的CLI的命令行

时间:2017-04-14 00:23:07      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:font   provider   改变   标准   服务   pretty   npm   项目   creat   

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的命令行

标签:font   provider   改变   标准   服务   pretty   npm   项目   creat   

原文地址:http://www.cnblogs.com/itfantasy/p/6706795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!