cordova+vue 项目打包成Android(apk)应用 (上)

  前端一枚,最近使用vue开发webAPP。开发完成发布应用商店是发现项目打包生成的apk没有签名,不能发布应用商店,因此重新打包,踩过很多坑,在这里给大家分享一下,就算是做一个记录。

  首先准备开发环境:

     安装node,npm:直接进入官网 https://nodejs.org/zh-cn/,下载最新版本安装,按提示安装即可。安装完成之后在终端使用“node -v”检查安装是否成功。新版node.js继承了npm,所以npm不需要安装,终端使用“npm -v”检测是否安装,显示版本号即为安装成功。

    安装cordova:

    终端命令行输入:npm install -g cordova     全局安装cordova,安装成功之后,使用命令 cordova -v 检测安装,显示版本号即为安装成功。

  之后新建cordova项目:

    终端命令行输入:cordova create myApp org.apache.cordova.myApp myAppone ;用来新建cordova项目,初始cordova开发环境;

    完成之后 cd myApp 进入目录;

 终端命令介绍:

    myApp:cordova目录名;
    org.apache.cordova.myApp: 包名;
    myAppone: 项目名(在config.xml中查看);

  cordova项目目录介绍:

    config.xml -包含应用相关信息,使用到的插件以及面向的平台;

    platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库;

    plugins – 包含应用所需插件的 Cordova 库,使得应用能够访问例如照相机和电池状态相关的事项。;

    www – 包含应用源代码,例如 HTML, JavaScript 和 CSS 文件;

    hooks – 包含为个性化应用编译系统所需的脚本;

  最后生成Android平台的cordova库:

    终端命令行输入:cordova platform add android;  这时platform文件夹中会生成一个android文件夹。

至今,cordova项目就建好了。

好了 这篇就说到这里,下一篇我们接着说,免得一次太长容易混淆。

    

posted @ 2018-03-28 14:58  阿宜  阅读(520)  评论(0编辑  收藏  举报