美文网首页
inoic2混合开发构建

inoic2混合开发构建

作者: 古星_8cb9 | 来源:发表于2017-11-30 11:39 被阅读0次

说明:mac nvm 安装的v9.2.0node

一、开发环境配置

1、sudo安装cordova ionic 时一直报错node pre gyp err,然后换了淘宝镜像,虽然能安装可不能运行项目 果断卸载 uninstall.先运行npm install -g graceful-fs graceful-fs@lates,再安装  然后查看cordova版本 这时会提醒安装,按命令安装即可。

2、安装安卓jdk v1.8

安装android studio

配置环境变量在.bash_profile中添加javahome等具体参见官网

安装Virtual BOX

安装Genymotion

启动Genymotion添加一个模拟设备。

3、安装ios

安装好xcode后

终端运行:$ xcode-select --install

npm安装命令行启动环境:$ npm install -g ios-deploy和$ npm install

-g ios-sim(也可不安装直接xcode打开或者双击打开.xcodeproj文件。)

二、开发

1、创建项目$ ionic start MyIonicProject(项目名) tutorial(模板类型)

2、浏览器查看:

$ cd MyIonicProject/

$ ionic serve

3、添加平台:

$sudo  cordova platform add ios

$sudo  cordova platform add android

4、打包成app:

ionic cordova build android --prod --release

(执行时遇到了权限错误,执行sudo chmod 755 /Applications/Android\ Studio.app/Contents/gradle/gradle-4.1/bin/gradle即可)

ionic cordova build ios --prod --release

5、调试发布

相关文章

  • inoic2混合开发构建

    说明:mac nvm 安装的v9.2.0node 一、开发环境配置 1、sudo安装cordova ionic ...

  • Android & Flutter混合开发构建步骤

    一 Flutter 环境搭建 1、安装SDK 下载SDK并解压参考https://flutter.cn/docs/...

  • WKWebView与JS交互实战技巧之API介绍

    前言 给大家介绍另外一种基于 iOS 8 新推出的 WKWebView 组件,构建出自己的混合开发框架。 WKWe...

  • 2018 混合开发

    一、概念 App混合开发,顾名思义,是一个开发模式,指的是开发一个App一部分功能用native构建一部分功能用h...

  • 混合开发

    来源于:IOS-Hybrid(混合开发) 那些设计思想及逻辑部署

  • 混合开发

    http://ask.dcloud.net.cn/docs/组件:http://dev.dcloud.net.cn...

  • 混合开发

    混合开发 框架对比 https://www.jianshu.com/p/8e99b4aed464 混合开发-最全常...

  • 混合开发

    概述 随着移动开发的发展,互联网公司也是层出不穷,有些公司迫于竞争,想要更迅速的更省成本的进行开发,就不再满足 A...

  • Flutter与已有iOS工程混合开发

    Flutter与已有iOS工程混合开发 混合开发参考:Add-Flutter-to-existing-apps本文...

  • 一篇彻底搞懂----混合移动App干货

    一 - 混合移动App干货—详细解读 引言 本文会详细的讲解什么是混合App开发、混合App开发概念、原理、区别、...

网友评论

      本文标题:inoic2混合开发构建

      本文链接:https://www.haomeiwen.com/subject/icepbxtx.html