win/mac平台搭建ionic开发环境教程(转)
出处:http://www.ionic-china.com/doc/ionic-winmac.html#preface
前言
ionic中文网为大家准备了绿色版的nodejs和androidSDK以及ionic助手,让搭建和使用开发环境变的非常简单,下面来跟我一起快速搭建吧。
注意:绿色搭建环境为ionic1.x版本,需要2x版本请看:Ionic_2.x 手动搭建开发环境教程
工具下载
jdk (AndroidSDK依赖) | 百度网盘 官网下载 |
---|---|
绿色版AndroidSDK (ADK编译) | 百度网盘 360网盘(提取码:986a) |
绿色版Nodejs (npm安装工具) | 百度网盘 360网盘(提取码:eac6) |
ionic助手 (一键式开发环境工具) | 了解更多 |
AndroidSDK集成:
- Android SDK Platform-tools(平台)
- Android SDK Build-tools(编译)
- API23: SDK Platform(编译依赖版本)
- Android Support Repository(corrswalk需要)
- Google Repository(corrswalk需要)
Nodejs集成:
- Node Version: v4.4.7
- Cordova CLI: 6.2.0
- Ionic Framework Version: 1.3.1
- ionic Version: 1.7.16
步骤: 安装jdk - 解压AndroidSDK、Nodejs、ionic助手 - 设置环境路径 - 创建项目 - 编译项目apk
1.安装JDK(androidSDK需要)
点next
进行安装(注意避免中文目录)
安装后cmd执行java -version
看到版本就是安装成功了(无需设置path,如果没有建议重启)
2.解压AndroidSDK、Nodejs、ionic助手
过程大概2-3分钟 解压到非中文目录
即可 无需设置path
解压后打开助手 打开
- 系统设置
- 设置nodejs和androidSDK路径后重启助手
3.创建项目、编译、预览
选择 打开
- 创建项目
选择一个模版并创建 由于国内访问github各地区网络情况可能都不同,如果创建项目太慢推荐使用代理。
双击刚刚创建的项目 先添加平台
- 再Debug编译
注意:第一次编译项目java需要下载依赖,可以运行"项目目录\platforms\android\gradlew.bat"文件更直观的看到依赖下载进度。如果太慢请用代理。
一切顺利你就可以看到创建好的APK文件了 3模版APK文件 百度下载
我们也可以对项目进行快速的预览 只需要右键项目 - 选择预览模式
即可
安装过程遇到任何问题请到社区反馈
Mac环境
编辑中..
win/mac平台搭建ionic开发环境教程(转)的更多相关文章
- Mac下搭建php开发环境教程
方案一:原生安装 这篇文章主要介绍了Mac下搭建php开发环境教程,Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例,需要的朋友可以参考 ...
- mac 下搭建 Android 开发环境
因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,结合亲身体验,特此记录.也为有这方面需求的 ...
- Mac系统搭建java开发环境
今天尝试在mac下搭建java开发环境 包括 JDK,Tomcat , eclipse ,mysql ,mysqlGUI
- 在Eclipse下搭建Android开发环境教程
我们昨天向各位介绍了<在NetBeans上搭建Android SDK环境>,前不久也介绍过<在MyEclipse 8.6上搭建Android开发环境>, 都受到了读者的欢迎.但 ...
- 【转】在Eclipse下搭建Android开发环境教程
本文将全程演示Android开发环境的搭建过程,无需配置环境变量.所有软件都是写该文章时最新版本,希望大家喜欢. 一 相关下载 三 Eclipse配置 (1)Java JDK下载 1 安装andr ...
- Windows平台搭建NodeJs开发环境以及HelloWorld展示—图解
Windows 7系统下搭建NodeJs开发环境(NodeJs+WebStrom)以及Hello World!展示,大体思路如下:第一步:安装NodeJs运行环境.第二步:安装WebStrom开发工具 ...
- mac下搭建cordova开发环境
Apache Cordova 原名叫PhoneGap.是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.PhoneGap最初由Nitobi开发,2011年 ...
- cocos2d-x 2.1.4学习笔记01:windows平台搭建cocos2d-x开发环境
cocos2d-x的大致开发流程是,首先使用win32版进行代码编写并完成游戏,然后将代码迁移到对应的开发环境上进行交叉编译完成游戏打包,如iphone上是mac+xcode,android是ecli ...
- 在mac下搭建java开发环境
刚刚从windows系统转到使用mac系统.感觉不是特别熟悉,须要一定的适应时间. 以下简介一下mac下搭建主要的java开发环境. 1.安装jdk 安装jdk1.7后,发现不须要进行环境变量配置,直 ...
随机推荐
- GridView和DataFormatString 日期格式 精确小数点后位数
如果DataFormatString无效,请添加属性 HtmlEncode = "false" --------------------------------------- Da ...
- jQuery和js使用点滴
1.checkbox全选按钮 <input type="checkbox" name="allcheck" id="allcheck" ...
- Head First Servlets & JSP 学习笔记 第一章 —— 前言和体系结构
URL,Uniform Resource Locatiors,统一资源定位符. http:// www.wickedlysmart.com :80 /beeradivice/select /beer1 ...
- POST请求测试地址
http://service.xunjimap.com/xunjiservice/common1_0_4/index?53D2CFEB65F6BBEEEB42836FE18E7E0D params.a ...
- git--(3)分支 合并
git branch test //新建分支 git branch //列出分支 git branch -r //列出远程分支 git branch -m | -M oldbranch newbran ...
- pop_heap(_RAIter,_RAIter,_Compare)
make_heap()是生成一个堆,大顶堆或小顶堆 make_heap(_RAIter,_RAIter) 默认生成大顶堆 make_heap(_RAIter,_RAIter,_Compare) _Co ...
- vue(ajax:axios中文文档)
axios 基于http客户端的promise,面向浏览器和nodejs 特色 浏览器端发起XMLHttpRequests请求 node端发起http请求 支持Promise API 监听请求和返回 ...
- IDEA使用过程中常见小问题
在磁盘随便一个位置,创建一个文件夹,可以通过IDEA open 打开它 然后在将一些代码模块,放入这个文件夹,IDEA刷新,能够自动显示出来 然后执行下面的文档操作 1.IDEA通过一个项目文件导 ...
- 微软官方的.net开发人员代码示例
微软官方的.net开发人员代码示例,需要的同学到这里下载: https://code.msdn.microsoft.com/
- python 数据类型 之 字典
python 3.6.5字典的特性和定义定义:{'key_1':vlaue_1,'key_2':value_2}1.键与值用冒号 : 分开2.项与项 用 , 分开 特性1.可以存放多个值,可以不唯一, ...