ionic —— 开发环境搭建并编译运行第一个APP
2015-09-25 09:31
666 查看
其实类似的环境已经玩了很多次了,最开始玩还是微信刚刚出来,那会儿没有智能机。只好安装一个模拟器,却只是为了注册一个微信。想想也就是够了~
前前后后折腾了很多次,可是每一次都给人不一样的感觉,也许是这个过程中习惯了,也许是对于一些事情的看法变了,渐渐的越来越顺手。比较在GFW越来越NBHH的时候还能安装SDK也是很不容易的了。最主要的是从来没有总结过,如果每一次总结一下,或者早就不用这样重复重复再重复,搜索搜索再搜索了。学习是一个总结的过程,这一次例外的总结一下。
Start a project
ionicProject 指代项目目录,创建一个空白项目
其它项目:
Run it
运行一下刚刚创建的项目,运行命令:
其实上面的运行代码也是有前提的,需要安装Android开发环境,这里基本上是共通的。
安装JDK
设置环境变量PATH:jdk的位置。例如:(PATH => D:\Program Files\Java\jdk1.8.0_60\bin)
安装Android SDK Manager
设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(PATH => D:\Program Files\Android SDK Tools)
设置环境变量PATH:例如:(PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
安装package
Android SDK
Android SDK Platform-tools
Android SDK Build-tools
如果第3步创建了模拟器
ionic emulate android
错误分析
在安装过程中会报一些错误,按照错误提示的关键词在本文应该就可以找到答案,如果不行可以留言一起交流,然后搜搜搜。
我的环境
参考资料
ionic官网
前前后后折腾了很多次,可是每一次都给人不一样的感觉,也许是这个过程中习惯了,也许是对于一些事情的看法变了,渐渐的越来越顺手。比较在GFW越来越NBHH的时候还能安装SDK也是很不容易的了。最主要的是从来没有总结过,如果每一次总结一下,或者早就不用这样重复重复再重复,搜索搜索再搜索了。学习是一个总结的过程,这一次例外的总结一下。
ionic
Install Ionicnpm install -g cordova ionic
Start a project
ionic start ionicProject blank
ionicProject 指代项目目录,创建一个空白项目
其它项目:
ionic start ionicProject tabs ionic start ionicProject sidemenu
Run it
运行一下刚刚创建的项目,运行命令:
cd ionicProject ionic platform add android ionic build android ionic run android
其实上面的运行代码也是有前提的,需要安装Android开发环境,这里基本上是共通的。
安装JDK
设置环境变量PATH:jdk的位置。例如:(PATH => D:\Program Files\Java\jdk1.8.0_60\bin)
安装Android SDK Manager
设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(PATH => D:\Program Files\Android SDK Tools)
设置环境变量PATH:例如:(PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
安装package
Android SDK
Android SDK Platform-tools
Android SDK Build-tools
如果第3步创建了模拟器
ionic emulate android
错误分析
在安装过程中会报一些错误,按照错误提示的关键词在本文应该就可以找到答案,如果不行可以留言一起交流,然后搜搜搜。
我的环境
> ionic info Your system information: Cordova CLI: 5.3.1 Ionic Version: 1.0.1 Ionic CLI Version: 1.6.4 Ionic App Lib Version: 0.3.8 OS: Windows 7 SP1 Node Version: v0.12.2
参考资料
ionic官网
相关文章推荐
- Android判断Service是否开启
- Android往SD卡写数据范例
- Android | java.lang.IllegalStateException: The specified child already has a parent. 解决方案
- Android使用百度LBS SDK(三)点击地图POI导航
- Android 各种效果演示、重点代码功能及权限总结
- Android studio -SVN 使用笔记
- Object-C 数组(一)(NSArray)
- 关于Android studio打包发布,以及Android签名的获取
- Android实战简易教程<十>(画廊组件Gallery实用研究)
- Android实战简易教程<九>(BitmapFactory.Options对资源图片进行缩放)
- Object-C 字符串对象
- 0924Android基础事件传递
- Android实战简易教程<八>(ImageSwitcher用法实例)
- Android实战简易教程<七>(Activity的启动模式)
- 50 Android hacks(hack 1)
- Android中Bitmap和Drawable
- android关于AndroidManifest.xml详细分析
- Android实战简易教程<六>(各种对话框Dialog用法研究大全)
- Android实战简易教程<五>(ListView用法研究)
- Android实战简易教程<四>(ScrollView和HorizontalScrollView动态添加控件并提供事件监听)