第一个Ionic项目

2024-05-09 16:02:25

参照Ionic官网教程教程，完成了第一个Ionic项目的创建。过程记录如下：

FOR IOS:

1、安装node.js

2、安装cordova和ionic

    npm install -g cordova ionic

3、创建项目

    ionic start myApp tabs

4、运行项目

    cd myAppionic platform add iosionic build iosionic emulate ios

运行最后报错如下：

提示需要安装ios-sim，安装报错如下：

因为看到了报错信息中的ruby版本号，尝试将ruby切换到2.0之后，成功安装。

安装ios-sim之后运行ionic emulate ios报错如下

升级Xcode之后运行，继续报错：
Session could not be started: Error Domain=DTiPhoneSimulatorErrorDomain Code=2 "Simulator session timed out."

根据错误信息，尝试将platform目录下ios删除，重新执行如下命令：

    ionic platform add iosionic build ios

再次启动模拟器成功

    ionic emulate ios

FOR Android:

搭建Android系统的运行环境，因为Android模拟器启动太慢，我使用Genymotion来替代Android模拟器作为模拟平台，启动速度增加不少。

Genymotion的安装根据官网step by step下来没有什么问题，启动之后界面如下：

点击’start’按钮启动模拟器

确保能够成功启动模拟器之后就可以将刚刚创建的项目放在模拟器上运行了，步骤如下：

    cd myAppionic platform add androidionic build androidionic run android

运行效果：

第一个Ionic项目相关推荐

ionic项目创建打包签名
1. 环境搭建 1.1 安装Node.js 使用node -v查看Node.js版本 1.2 安装npm 使用npm -v查看npm版本 1.3 安装ionic 使用npm install -g io ...
node.js升级后原来的Ionic项目跑不起来了解决方法
报错如下: 可能具体报错内容不一样,但只要是出现node-sass文件夹下的binding.node报错,就基本可以确定是升级node.js造成的错误. 原因: win32-x64-64_bindin ...
ionic入门教程第一课--环境搭建和新建ionic项目
最近由于公司项目需要,自学Ionic.在这里做个备忘,也希望能帮到想自学ionic的其他朋友. 一.首先需要安装node.js环境,对于不了解node.js的同学也没有关系, 因为我们有用到的只是no ...
2020搞一个副业项目需要什么技能？
2020年就这么来了,还记得年初的愿望实现了吗?新的一年里,一起加油哦!这里雪风祝您和您的家人身体健康.平安幸福--此处省略三千词汇. 这些年'全栈'这个词很火,顾名思义所谓「全栈」就是啥都能搞,重在 ...
在 ionic 项目中使用（迁移） capacitor
目录 1. 在已有项目中使用 capacitor 1.1 可以使用 capacitor 的项目要求 1.2 安装和初始化 capacitor 2. 在 ionic 项目中使用 capacitor 2. ...
Ionic项目中使用极光推送
附上我的真言(尽信书不如无书),别人的始终是别人的不一定适合你,你只有走出自己的路,才能达到武道巅峰( bb一下) ,你百度ioni极光推送会出现一大群,但是你按照他的来,一定会出现这样那样的bug, ...
SpringSecurity学习：1（第一个SpringSecurity项目）
此博客是记录自己学习过程的记录第一个SpringSecurity项目导入依赖详细的步骤我就不多说了,使用IDEA创建过SpringBoot项目的人一般都能看懂. 这一步我们可以在使用IDEA创建 ...
怎样设计一个商城项目？
这两天公司要做一个商城项目,网上搜了很多没找到完整的.有结构体系的资料,可能这件事本身并不难,但是对新手非常不友好,所以我借机把这些碎片化的资料尝试整理成一个有体系的资料,希望能对你有帮助.资料来源包 ...
构建一个react项目_您想要了解更多有关React的内容吗？让我们构建一个游戏，然后玩。...
构建一个react项目 by Samer Buna 通过Samer Buna 您想要了解更多有关React的内容吗? 让我们构建一个游戏,然后玩. (Do you want to learn more ...

最新文章

热门文章