开始用Ionic创建我们的移动应用

网友投稿 520 2022-05-30

命令行安装

首先您需要安装 Node.js,我们在接下来的安装中需要使用到其 NPM 工具。

然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android 和 iOS 官方文档来安装。

Window 和 Linux 上打开命令行工具执行以下命令:

$ npm install -g cordova ionic

Mac 系统上使用以下命令:

sudo npm install -g cordova ionic

提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。

如果你已经安装了以上环境,可以执行以下命令来更新版本:

npm update -g cordova ionic

sudo npm update -g cordova ionic

创建应用

使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用:

$ ionic start myApp tabs

运行我们刚才创建的ionic项目

使用 ionic tool 创建,测试,运行你的apps(或者通过Cordova直接创建)。

创建Android应用

$ cd myApp $ ionic cordova platform add android $ ionic cordova build android $ ionic cordova emulate android

创建iOS应用

$ cd myApp $ ionic cordova platform add ios $ ionic cordova build ios $ ionic cordova emulate ios

如果出现"ios-sim was not found."错误,可以执行以下命令:

npm install -g ios-sim

开始用Ionic创建我们的移动应用

Ionic Lab

Ionic Lab 目前已停止更新。

Ionic Lab 是桌面版的开发环境,如果你不喜欢使用命令行操作,Ionic Lab 将会满足你的需求。

Ionic Lab 为开发者提供了一个更简单的方法来开始,编译,运行,和模拟运行Ionic的应用程序。

Ionic Lab 支持的平台有:Window、Mac OS X、Linux,下载地址为:http://lab.ionic.io/,下载后直接安装即可。

通过Ionic Lab界面你可以完成以下操作:

创建应用

预览应用

编译应用

运行应用

上传应用

运行日志查看

移动应用测试 MobileAPPTest

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小猿日记(6) - 技术方案成长篇
下一篇:【愚公系列】2022年02月 微信小程序-Request网络请求的封装
相关文章