Hybrid app(cordova) 环境配置记录
node版本管理 NVM 安装过程
由于最新版 node 不兼容部分功能,所以需要安装 nvm 切换 node 版本
在 https://github.com/coreybutler/nvm-windows 下载 nvm-windows
安装后,由于下载 node 速度太慢,所以修改安装目录下的 setting.txt 文件,加上:
arch: 64
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
接着安装需要的版本
nvm install latest // 最后一个版本
nvm install 6.9 // node 6.9
安装后
nvm use 6.9
接着查看是否安装成功
node -v
如果报错,删除安装 nvm 时,创建的 nodejs 文件夹
惯例安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cordova安装过程
首先全局安装 cordova 及 phonegap (可不安装)
cnpm install cordova phonegap -g
接着根据模板创建工作目录
cordova create app(文件夹名) com.example.app app(app名) --template
cd app
cnpm install // 安装依赖
cordova platform add android // 安装 android 平台
cordova plugin add cordova-plugin-camera // 相机api
cordova requirements // 查看运行环境,发现缺少 sdk
java sdk、android sdk、gradle安装及配置环境变量
安装 java sdk
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
安装 android sdk
https://android-sdk.cn.uptodown.com/windows
解压 gradle
https://gradle.org/releases
添加环境变量
JAVA_HOME D:\java (java sdk安装位置)
CLASSPATH %JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
GRADLE_HOME D:\gradle-3.3 (gradle安装位置)
Path
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools
%JAVA_HOME%\bin
%GRADLE_HOME%\bin
用户环境变量:

Path变量下:

android sdk 安装如下文件

配置模拟器 adv

调试
启用 adv 调试,同时打包apk到 app\platforms\android\build\outputs\apk 目录下
cordova run android
调用原生api时,在index.html中加入如下标签(该文件在 app\platforms\android\assets\www 目录下)
<script type="text/javascript" src="cordova.js"></script>
Hybrid app(cordova) 环境配置记录的更多相关文章
- 超详细cordova环境配置(windows)及实例
摘要: 最近闲来无事就把以前做的cordova项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家. 项目地址:https://github.com/baixuexiyang/ ...
- hybrid App cordova打包webapp PhoneGap
Hybrid APP基础篇(一)->什么是Hybrid App APP三种开发模式--之--HybridApp解决方案 Hybrid App开发 四大主流平台分析 Hybrid App 开发模式 ...
- APP自动化环境配置
做自动化很多人都不喜欢做app自动化,说实话,我也不喜欢做app自动化,但是没办法,老板给你钱,让你做,不得不做! 其实app自动化的难点就在于环境,环境OK了之后一切都和web自动化差不多,顶多就是 ...
- app自动化测试环境配置:adb环境配置、monkey环境配置、appium环境配置大全
1. 安装jdk 2. 安装配置Andriod sdk 安装Andriod sdk前首先需要安装配置好jdk环境. 然后安装Android sdk 安装完成后需要配置环境变量:ANDROID_HOME ...
- phonegap(cordova)环境配置
首先要配置好 java jdk 和 java jre 环境 配置之后 控制台 javac -version 查看是否配置成功 然后配置 Android sdk 配置之后 控制台 输入 adb 查看 ...
- 乌班图18.04 LTS 版LAMP环境配置记录
-- 2018.06.07 -- liujunhang lamp 环境包括:Apache服务器.php.Mysql数据库,linux服务器架构在虚拟机中.Tip:在进行环境配置之前最好进行镜像存储.1 ...
- ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程
整个安装过程: 1. jdk 1.7.2 (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 安装好之 ...
- cordova环境配置步骤
1.安装node.js环境 官网: http://nodejs.org/ 2.sudo npm install -g cordova(一般会失败,需要用FQ安装或者用淘宝镜像安装,可以用FQ就可以不用 ...
- Linux系统本地yum源环境配置记录
由于IDC的一些服务器没有外网,不能对外访问.所以打算部署一套内网的yum源环境,以供内网服务器使用.以下简单记录下操作过程: 1)下载centos6.9和centos7.3的镜像,并挂载 [root ...
随机推荐
- tomcat集群--单tomcat多实例
1.解压apache-tomcat-7.0.75.tar.gz到任意目录 /data/tomcat-4X 2.建立tomcat多实例目录,这个tomcat-4X运行4X应用的两个实例4002,4004 ...
- bzoj 4592(洛谷 4344) [Shoi2015]脑洞治疗仪——线段树上二分
题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4592 1操作就是用线段树来二分找到第一个有 k 个0的位置. 在洛谷上A了,与暴力和网上题解 ...
- hadoop2.6.0中自定义分割符
最近在学习hadoop,用的hadoop2.6.0 然后在学习编写mapreduce程序时,发现默认对文件的输入是采用每行进行分割,下面来分析下改变这个分割方式的办法: 来看看默认是怎样实现的:
- CF-845A
A. Chess Tourney time limit per test 1 second memory limit per test 256 megabytes input standard inp ...
- 浏览器原生 form 表单POST 数据的两种方式
我们在提交表单的时候,form表单参数中会有一个enctype的参数.enctype指定了HTTP请求的Content-Type. 常用有两种:application/x-www-form-urlen ...
- linux命令配置IP详解
在Linux系统中,TCP/IP网络是通过若干个文本文件进行配置的,有时需要编辑这些文件来完成联网工作. vi /etc/sysconfig/network-scripts/ifcfg-eth0 :进 ...
- 2013-2014回首&展望
2013年,可以说是此前18年中,最重要最感触的一年了. 和老婆相爱,考高考,入大学等等事情全都在这美妙的一年里发生了. 2013: 开心:·和老婆相爱,共同经历了大大小小的风雨·每天都有期待的东西· ...
- VS2017 不能创建 vsto Excel 工作簿程序的问题
最近想写个小程序,是基于vsto的excel 扩展程序. 打开vs2017,创建时,却提示 不能创建项目(创建项目失败,Project cannot be created).原本以为很顺利的,不相处了 ...
- OVS数据库操作
说明 [Record]就是行对应的_uuid [if-exists]当值不存在的是否会报错而不是返回False 基本信息查询 列举数据库 # ovsdb-client list-dbs Open_vS ...
- MATLAB求解线性规划