webstorm+cordova 打包apk

一、配置各种环境
1、下载jdk
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
next就可以
2、安装android studio(主要是下载sdk)
https://developer.android.google.cn/studio
不断next
3、下载gradle
http://services.gradle.org/distributions/
4、配置jdk,gradle 环境变量
export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_40.jdk/Contents/Home (jdk安装路径)
export PATH= J A V A H O M E / b i n : JAVA_HOME/bin: JAVAHOME/bin:PATH(直接粘贴)
export CLASSPATH=.: J A V A H O M E / l i b / d t . j a r : JAVA_HOME/lib/dt.jar: JAVAHOME/lib/dt.jar:JAVA_HOME/lib/tools.jar(直接粘贴)
export ANDROID_HOME=/Users/jingbin/Documents/AndroidStudio/sdk(sdk路径,Android studio中查看)
export PATH= P A T H : PATH: PATH:ANDROID_HOME/tools: A N D R O I D H O M E / p l a t f o r m − t o o l s ( 直 接 粘 贴 ) e x p o r t G R A D L E H O M E = / A p p l i c a t i o n s / A n d r o i d   S t u d i o   2. a p p / C o n t e n t s / g r a d l e / g r a d l e − 2.14.1 ( g r a d l e 安 装 路 径 ) e x p o r t P A T H = ANDROID_HOME/platform-tools(直接粘贴) export GRADLE_HOME=/Applications/Android\ Studio\ 2.app/Contents/gradle/gradle-2.14.1 (gradle 安装路径) export PATH= ANDROIDHOME/platformtoolsexportGRADLEHOME=/Applications/Android Studio 2.app/Contents/gradle/gradle2.14.1gradleexportPATH=PATH:$GRADLE_HOME/bin
5、测试环境是否配置成功
java -version
gradle -version
二、cordova
1、全局安装cordova
npm install -g cordova
2、创建一个cordova项目,名称是mapp,包名是com.ysh,项目名是cordova-app
cordova create cordova-app com.ysh mapp
3、复制和替换
将上面的vue项目中的dist目录下的文件全部拷贝到cordova项目得到www目录下
4、进入cordova项目
输入:cd cordova-app
5、打包android
输入:cordova platforms add android --save

三、打包apk
1、打开webstorm,选择打开,找到cordova项目的路径,选择打开
2、点击webstorm下的Terminal
输入:cordova build android --release
打包完成后会提示apk的输出目录
这是在调试环境下的apk,如果是正式环境,还得需要生成签名、添加签名等。

你可能感兴趣的:(webstorm+cordova 打包apk)