android 和ios 混合式开发环境安装

1、安装nodejs

官网下载：https://nodejs.org/en/

下载node-v8.10.0-x64.msi 安装

2、安装ionic和cordova

（1）、配置淘宝镜像（参考：https://segmentfault.com/a/1190000007448711）

npm install -g cnpm -registry=https://registry.npm.taobao.org

（2）、执行命令：npm install -g ionic cordova

3、android sdk 安装

（1）、下载地址：http://www.androiddevtools.cn/

（2）、解压 android-sdk_r24.4.1-windows.zip

打开SDK Manager.exe 安装8.0.0 和6.0.0 SDK Platform和sources for Android SDK

（3）配置SDK 环境变量

把 %ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools; 加入到path

检测是否配置成功。打开命令行窗口，输入adb。出现如下图所示内容则配置成功：

配置完环境变量需要把命令行窗口关掉，否则环境变量配置失效。

4、安装gradle-3.3

下载gradle-3.3.zip 解压

配置环境变量

把%GRADLE_HOME%\bin\; 加入到path中

5、创建demo工程

首先创建一个项目:ionic start helloWorld blank

然后进入项目：cd helloWorld

最后编译运行：

（1）、web浏览器：ionic serve

（2）、真机或者虚拟机

安装平台：ionic cordova platform add android/ios ; 备注（add 添加平台 rm 是删除平台）

编译运行：ionic cordova build/run ios/android --release --prod; 备注 release（正式发布版本） prod （快速打开）

6、基础框架

（1）、下载基础框架代码

（2）、 npm install

（3）、ionic cordova platform add android@6.2.3

（4）、ionic cordova run android

7、浏览器测试

运行： ionic serve

右键 google 浏览器在shortcut target 后添加 --args --disable-web-security --user-data-dir

打开google浏览器要用桌面快捷图标上面出现黄色横幅

8、插件

查看：ionic cordova plugin list

添加: ionic cordova plugin add XXXX

删除: ionic cordova plugin rm XXXX

9、图片启动页生成

ionic cordova resources

添加页面

ionic g page login

ionic cordova plugin add cordova-plugin-file-transfer@1.6.3

二、IOS 编译和部署

1、开发工具使用IDEA

2、ionic cordova platform add ios@4.0.0

3、ionic cordova build ios --release --prod;

4、在ios平台下找到.xcodeproj 双击

5、

6、

android 和ios 混合式开发环境安装相关推荐

【Android】1.1 开发环境安装和配置
分类:C#.Android.VS2015: 创建日期:2016-01-20 2016-08-03说明:此版本已过时,最新版本见本博客置顶的内容. 一.安装JDK.SDK.NDK 无论是用C#和VS20 ...
Mac OS X下配置Cocos2d-x for Android(Eclipse)IOS(Xcode)开发环境
前面一段时间只用Cocos2d-x在IOS平台下开发, 学习Cocos2d-x不就是为了他的跨平台特性么? 所以必须也要掌握在Android下的开发, 才能引爆Cocos2d-x的跨平台特性, 发挥其 ...
Android SDK 2.2 开发环境安装
本文描述 Android SDK 安装过程,包括:Android SDK 2.2, Eclipse 3.5.2(galileo), 和 Andoid Development Tools (ADT) P ...
python开发环境android版_Android NDK开发环境安装（OK版）
NDK对于Android开发人员走向高手是不可缺少的利器,如果你说搞Android开发很NB,但连NDK都不会,别人会不以为然的,另外会搞NDK也会给你面试加分,再者以后Android平台上的3D游戏 ...
Java基础-配置开发环境-安装JDK
Java基础-配置开发环境-安装JDK 作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.计算机基础知识 1>.计算机的组成计算机有硬件与软件组成. 2>.硬件: 硬 ...
Eclipse+ADT+Android SDK 搭建安卓开发环境
2019独角兽企业重金招聘Python工程师标准>>> Eclipse+ADT+Android SDK 搭建安卓开发环境博客分类: Android 最近刚开始接触Android(安 ...
Android:Eclipse+ADT+Android SDK 搭建安卓开发环境
Eclipse+ADT+Android SDK 搭建安卓开发环境要求必备知识 windows 7 基本操作. 运行环境 windows 7(64位); eclipse-jee-luna-SR2- ...
android迅雷下载搭建开发环境
附件中有图片转自:http://www.eoeandroid.com/forum-viewthread-tid-53371-highlight-android%2B%2B%E9%85%8D%E7%B ...
使用 Android Studio 搭建安卓开发环境
使用 Android Studio 搭建安卓开发环境,方便.快捷.因为 Android SDK 等下载已经集成到 Android Studio 的安装中 1.官网下载 Android Studio ...

android 和ios 混合式开发环境安装

android 和ios 混合式开发环境安装

android 和ios 混合式开发环境安装相关推荐

最新文章

热门文章