高斋晓开卷,独共圣人语。这篇文章主要讲述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
【Hybrid app(cordova) 环境配置记录】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="https://www.songbingjia.com/android/cordova.js"> < /script>
推荐阅读
- Android-ViewPager+Fragment数据更新问题
- android ndk 编译的时候指令集的选取
- 15款适用于MAC的最佳屏幕录制软件 [免费/付费]
- 10多个最佳视频质量增强软件合集(免费/付费)
- 15款最佳音频可视化软件和应用程序合集
- 30个最佳免费绘图应用程序和艺术应用程序
- 30多个可用于商业用途的最佳图片素材网站合集
- Windows的15款最佳媒体服务器软件合集
- 15款Windows 10的最佳照片查看器软件合集