ionic+angular+cordova 安卓环境搭建
2016-04-29 22:09
190 查看
1.java环境配置
下载java jdk 百度搜索java jdk安装完后在cmd窗口输入Java -version 显示以下即为安装成功。然后把java jdk配置到环境变量。
(1)选择【新建系统变量】--弹出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径(也就是步骤5的文件夹路径),单击“确定”按钮,如图:
(2)在“系统变量”选项区域中查看PATH变量,如果不存在,则新建变量 PATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加“%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”或者是直接“%JAVA_HOME%\bin;”,单击确定按钮
JAVA_HOME C:\Program Files (x86)\Java\jdk1.8.0_65
(3)在“系统变量”选项区域中查看CLASSPATH 变量,如果不存在,则新建变量CLASSPATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”。如图:
CLASSPATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
(4)cmd下输入JAVAC查看是否配置成功,一下说明配置成功。(有时可能不显示但也安装成功了)
2.安卓环境配置
(1)下载sdk
http://www.androiddevtools.cn/下载23.4版本。下载完安装(默认)
我的安装完在这个目录C:\Users\Administrator\AppData\Local\Android\android-sdk 目录下结构如下,所有文件夹必须有如果没有手动创建
(2)下载安卓所用的一些工具包(复制地址浏览器打开)安装完后可能不全或者版本比较低,需下载一些包覆盖默认的。如下(3)
(3)依次下载安卓需要的工具
《1》解压后叫 android-6.0(也可能多一级目录,如果多一级就打开后里面有android-6.0) 放入C:\Users\Administrator\AppData\Local\Android\android-sdk platforms下
《2》解压后叫 android-5.1 放入C:\Users\Administrator\AppData\Local\Android\android-sdk platforms下
此时打开SDK Manager.exe 显示一下两个地方说明两个sdk安装成功
《3》下载解压后 叫platform-tools将其放入C:\Users\Administrator\AppData\Local\Android\android-sdk下
安装完打开SDK Manager.exe如下
《4》下载tools_r24.4.1-windows.zip 解压叫tools 放入C:\Users\Administrator\AppData\Local\Android\android-sdk下
安装完如下
《4》下载build tools 两个解压后一个叫android-5.1改名为 22.0.0, android-6.0改名为23.0.1然后把22.0.0和23.0.1放入C:\Users\Administrator\AppData\Local\Android\android-sdk\build-tools
安装完如下
以上开发android的包都安装完成了
(4)增加android环境变量
新建ANDROID_HOME 值为C:\Users\Administrator\AppData\Local\Android\android-sdk(根据自己的安装目录)
3 ionic常用命令
《1》npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像源
《2》cnpm install -g ionic
cnpm install -g cordova
测试如下说明安装成功
《3》ionic start myapp 下载模板
ionic platform add android 增加android平台
ionic build android 打包程序
ionic run android 在手机上运行程序
下载java jdk 百度搜索java jdk安装完后在cmd窗口输入Java -version 显示以下即为安装成功。然后把java jdk配置到环境变量。
(1)选择【新建系统变量】--弹出“新建系统变量”对话框,在“变量名”文本框输入“JAVA_HOME”,在“变量值”文本框输入JDK的安装路径(也就是步骤5的文件夹路径),单击“确定”按钮,如图:
(2)在“系统变量”选项区域中查看PATH变量,如果不存在,则新建变量 PATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加“%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;”或者是直接“%JAVA_HOME%\bin;”,单击确定按钮
JAVA_HOME C:\Program Files (x86)\Java\jdk1.8.0_65
(3)在“系统变量”选项区域中查看CLASSPATH 变量,如果不存在,则新建变量CLASSPATH,否则选中该变量,单击“编辑”按钮,在“变量值”文本框的起始位置添加“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”。如图:
CLASSPATH .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
(4)cmd下输入JAVAC查看是否配置成功,一下说明配置成功。(有时可能不显示但也安装成功了)
2.安卓环境配置
(1)下载sdk
http://www.androiddevtools.cn/下载23.4版本。下载完安装(默认)
我的安装完在这个目录C:\Users\Administrator\AppData\Local\Android\android-sdk 目录下结构如下,所有文件夹必须有如果没有手动创建
(2)下载安卓所用的一些工具包(复制地址浏览器打开)安装完后可能不全或者版本比较低,需下载一些包覆盖默认的。如下(3)
(3)依次下载安卓需要的工具
《1》解压后叫 android-6.0(也可能多一级目录,如果多一级就打开后里面有android-6.0) 放入C:\Users\Administrator\AppData\Local\Android\android-sdk platforms下
《2》解压后叫 android-5.1 放入C:\Users\Administrator\AppData\Local\Android\android-sdk platforms下
此时打开SDK Manager.exe 显示一下两个地方说明两个sdk安装成功
《3》下载解压后 叫platform-tools将其放入C:\Users\Administrator\AppData\Local\Android\android-sdk下
安装完打开SDK Manager.exe如下
《4》下载tools_r24.4.1-windows.zip 解压叫tools 放入C:\Users\Administrator\AppData\Local\Android\android-sdk下
安装完如下
《4》下载build tools 两个解压后一个叫android-5.1改名为 22.0.0, android-6.0改名为23.0.1然后把22.0.0和23.0.1放入C:\Users\Administrator\AppData\Local\Android\android-sdk\build-tools
安装完如下
以上开发android的包都安装完成了
(4)增加android环境变量
新建ANDROID_HOME 值为C:\Users\Administrator\AppData\Local\Android\android-sdk(根据自己的安装目录)
在path下加上%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
cmd 下输入adb显示一下说明环境变量搞定3 ionic常用命令
《1》npm install -g cnpm --registry=https://registry.npm.taobao.org 安装淘宝镜像源
《2》cnpm install -g ionic
cnpm install -g cordova
测试如下说明安装成功
《3》ionic start myapp 下载模板
ionic platform add android 增加android平台
ionic build android 打包程序
ionic run android 在手机上运行程序
相关文章推荐
- Ionic使用ngCordova插件,以Geolocation地理定位为例
- angularjs指令系统系列课程(5):控制器controller
- angularjs指令系统系列课程(4):作用域Scope
- AngularJS中使用的表单验证
- angularjs指令系统系列课程(3):替换replace,内容保留transclude,作用方式restrict
- 第一个项目angular小节
- angularjs指令系统系列课程(2):优先级priority,模板template,模板页templateUrl
- angularjs指令系统系列课程(1):目录
- angular2内置指令
- 一步一步弄懂angularJS基础
- angularJS实践过程中出现的问题总结
- Angular学习记录-显示与隐藏
- AngularJS学习记录-指令复制元素
- [AngularJS] angular-md-table for Angular material design
- angular框架知识积累
- AngularJS中插入HTML片段
- angularjs + fis +modJS 对于支持amd规范的组建处理(PhotoSwipe 支持,百度webUpload支持)
- bootstrap的编辑标记 angularjs input 弹出框
- Directive - Compile vs. Link
- 使用Angularjs、jQuery在手机上实现滑动条到底自动加载更多功能