jdk下载并配置
下载jdk
下图是自己资源管理器中jdk的安装路径,双击然后next就好,不需要改什么配置,不改默认安装路径!
手里没有安装包的,下载地址在这里 :
https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
配置Jdk
1、 在文件资源管理器中,右击此电脑–>属性–>高级系统设置–>环境变量–>系统变量
2.、 新建 JAVA_HOME 的变量,值为jdk安装路径,此处为默认安装路径 C:\Program Files\Java\jdk1.8.0_201。
3、双击path,新建环境变量 %JAVA_HOME%\jre\bin 和 %JAVA_HOME%\bin。
!!!!注意 ,一定不要多复制空格,否则配置一定会出错!!!
4、 新建 CLASSPATH 变量,值为 .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
完成上述操作后:
检验Jdk
在cmd窗口输入 java -version 出现版本号即可
android studio下载并配置
这是我本机的所在路径
下面是下载参考,安装android studio较为复杂,步骤较多,所以不进行一一解释,下面是我觉得不错的下载地址和安装参考文章
下载地址:https://developer.android.google.cn/studio/
参考文章:https://www.cnblogs.com/xiadewang/p/7820377.html
Android studio安装完后会自带 sdk 的
但是需要配置SDK
下面是安装后在file里的settings的显示,我下载的是8.1版本。
配置SDK
1 、 新建 ANDROID_HOME 的变量,值为sdk的下载路径 D:\sdk
2、双击path新增环境变量 %ANDROID_HOME%\tools 和 %ANDROID_HOME%\platform-tools
检验JDK
在cmd中输入adb,出现如下界面即可
gradle配置
在下载android studio的时候,会自动下载gradle,只要找到路径即可
1、新建 GRADLE_HOME 的变量,值为gradle的路径 C:\Users\XXX.gradle\wrapper\dists\gradle-5.6.4-all\ankdp27end7byghfw1q2sw75f\gradle-5.6.4 ,直到看到bin目录为止。
2、双击path添加环境变量 %GRADLE_HOME%\bin
cordova下载
1、全局下载cordova
2、检验cordova是否成功下载 ,在cmd中输入 cordova -v
cordova打包apk
1、使用cordova新建有一个cordova项目
注:如果新建项目失败,按如下报错的路径(C:\Users\xpf\AppData\Roaming\npm\node_modules…)找到node_modules删除后重新下载,推荐使用yarn install。重新下载完依赖包之后,再去新建一个项目即可
2、进入test目录,为项目添加平台(注意是否在cordova项目中)
出现以上界面,添加成功
3、进入vue项目,在 vue.config.js 文件加入如下内容
4、执行npm run build,将vue项目打包成dist包
5、将打包生成的dist下面的三个文件复制到cordova的www目录下
将以下四个文件删除
将dist下的这三个文件复制到项目的www下
复制完成后
6.cordova platform ls 查看版本号
7.最后一步,打包 cordova build android
出现以上界面,则打包成功,如果不成功,可以尝试重新新建一个项目,或者对照环境变量配置是否有错。
打包成功后,会出现 apk 文件,路径如下
最后只需要将apk文件拖拽到夜神模拟器上就好,我自己用的是夜神模拟器,其他也可~ 这就完成了将vue项目打包成app啦 !