zoukankan      html  css  js  c++  java
  • cordova打包web项目成apk的流程,记录一下。方便你我他

    最近有个需求,需要打包vue项目成apk。之前负责的员工离职了,没办法了,我来研究了1天多,参考了好几篇文章。我忘了,不能一一列举,不好意思了。只列举一篇了 链接在这里 http://www.cnblogs.com/zhou123/p/9253543.html。我综合了他们的思路,做了一些改变,应该说更简单。

    1.       安装node.js 下载地址 https://nodejs.org/en/download/ 下一步即可

    2.安装JDK 下载地址

    http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

    3 安装gradle 下载地址

    http://services.gradle.org/distributions/

    1. 配置环境变量JAVA_HOME 值就是安装JDK的物理路径

     

    下一步 双击“Path”,在这里新增3个值,分别指向一个文件夹和两个jar文件

    4 安装android sdk

    可以在官网下载 sdk 也可以安装android studio来解决。我是通过此方式配置,所以只讲这种方式。下载地址 https://developer.android.google.cn/studio/index.html 

    下载安装完成后 点击下图箭头处,打开界面

    界面如下图,记住红框标志处,这是安卓sdk的位置。选中多个安卓版本点击确认。安装版本。

     

    下一步,配置环境变量

    首先建一个变量ANDROID_HOME,值为上图记住的sdk路径

    下一步,双击Path,在下图中新增3个变量,分别指向这3个文件夹

     

    5 安装cordrova

    npm install -g cordova

    6 创建cordrova工程

    利用doc命令进入vue源码文件夹,

    7创建一个cordova工程 命令cordova create hello com.example.hello helloworld

    Hello 是文件夹名,helloworld是app名。com.example.hello是项目包名

    7 打包vue项目,不再啰嗦

    8 利用doc命令进入hello文件夹,再执行doc命令添加平台 cordova plarform add android

    9 删除hello文件夹内的www的文件。 拷贝dist内的vue文件到hello内的www文件夹内。

    10 最后执行命令 cordova build android。如果出现下面的提示,就表示成功了。作为一个.net程序员,我表示环境变量很痛苦啊,心疼java程序员一下。文笔较差,就写到这里了。多谢你的阅读

    另外提示,尽量路径中不要有中文。安装android studio 也不要有中文

  • 相关阅读:
    使用git bash提交代码到github托管
    电子邮件的正则表达式
    PHP正则表达式及实例
    php中session_start()函数的作用
    mysql 中文乱码
    mysql 安装以及配置
    高质量JAVA代码编写规范
    DAO设计模式
    深入浅出UML类图
    分析业务模型-类图(Class Diagram)
  • 原文地址:https://www.cnblogs.com/pca-nana/p/9965052.html
Copyright © 2011-2022 走看看