博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ionic 学习笔记 1-环境搭建
阅读量:5086 次
发布时间:2019-06-13

本文共 1620 字,大约阅读时间需要 5 分钟。

Ionic是什么就不多说了,引用一段百度百科的介绍,如下

  Ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

网上已经有很多关于Ionic安装的教程,差不多都大同小异,此文章主要是记录自己Ionic学习的过程,和遇到的问题,有解决的,没解决的,反正都是本人操作过的

所有步骤都是在Mac OS X系统下操作;

1、安装Node.js ,这步没问题,网上下载安装就好了

2、安装Cordova和Ionic

    终端输入:sudo npm install -g cordova ionic   这个只要等待就好了自动完成的;

    默认安装完后路径是:/usr/local/bin

3、官网上说,现在就可以使用了

    终端输入:sudo ionic start myApp tabs  下载了一堆东西(每次建立新项目都会下载,这个感觉有点担心,会不会哪天GFW了),创建成功,新建项目地址是在/usr/local/bin/myApp,默认是IOS Application;

4、一个最简单的项目就搞好了,然后按官网说明编译、模拟器运行;

     sudo ionic platform add ios  (因为默认已经是IOS,所以可以省略;如果是要编译Android平台,ios改android就好了)

  sudo ionic build ios   这步也很正常,显示**BUILD SUCCEEDED**

     sudo emulate ios   这步操作就不行了,可以打开模拟器,但是App进不到模拟器里面去;报错:no such file or directory,stat '/users/apple/Library/logs/CoreSimulator/F9BF053E-FD55-42BC-A03C-2F2F3C804462/system.log ,提示很清楚,没找到文件,因为Mac OS的模拟器不是很了解,暂时还没解决,解决后再补充了;

5、在新建平台和编译之后,ionic会在/platforms/ios建立一个XCode的工程,用XCode打开就可以编辑修改了,而且用XCode挂接模拟器是可以正常运行的;

 

因为用ionic主要是为了跨平台,减少开发,自然想到还要编译下android平台的

1、sudo ionic platform add android   又是下载几个包,正常完成

2、sudo ionic build android ,报错了,Failed to find 'ANDROID_HOME' environment variable;显然是环境变量没设置,又折腾了下,把环境变量设置好;

    环境变量存放在.bash_profile文件里,默认没有,手工新建一个,文件里输入:

    export ANDROID_HOME=~/Document/ADT_SDK

    export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

    终端里输入:sudo source ~/.bash_profile   让它立即生效

   重新输入sudo ionic build android,可以了,又是下载一堆的东西

   输入 sudo ionic emulate android 模拟器运行,但是报错,提示:No emulator images(avds) found; 模拟器镜像没找到;好像是需要Api 21 的Image,没确定;

   然后我先手动开启模拟器,再运行上面的指令就可以了,另外API 17版运行界面混乱,API 22版运行良好

    

转载于:https://www.cnblogs.com/wuxuan/p/4971384.html

你可能感兴趣的文章
Java跟Javac,package与import
查看>>
day-12 python实现简单线性回归和多元线性回归算法
查看>>
Json格式的字符串转换为正常显示的日期格式
查看>>
[转]使用 Razor 进行递归操作
查看>>
[转]Android xxx is not translated in yyy, zzz 的解决方法
查看>>
docker入门
查看>>
Android系统--输入系统(十一)Reader线程_简单处理
查看>>
监督学习模型分类 生成模型vs判别模型 概率模型vs非概率模型 参数模型vs非参数模型...
查看>>
Mobiscroll脚本破解,去除Trial和注册时间限制【转】
查看>>
实验五 Java网络编程及安全
查看>>
32位与64位 兼容编程
查看>>
iframe父子页面通信
查看>>
ambari 大数据安装利器
查看>>
java 上传图片压缩图片
查看>>
magento 自定义订单前缀或订单起始编号
查看>>
ACM_拼接数字
查看>>
计算机基础作业1
查看>>
Ubuntu 深度炼丹环境配置
查看>>
C#中集合ArrayList与Hashtable的使用
查看>>
从一个标准 url 里取出文件的扩展名
查看>>