博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue cordova生成app
阅读量:6149 次
发布时间:2019-06-21

本文共 1685 字,大约阅读时间需要 5 分钟。

一、Cordova环境:

  1、Java开发工具包 

      安装Java Development Kit (JDK),设置  JAVA_HOME 环境变量。win+R 或者击开始--〉运行 输入“cmd”,打开系统命令提示框,输入 java -version,检查是否安装成功;输入 javac, 若提示”'JAVAC' 不是内部或外部命令,也不是可运行的程序 或批处理文件“,则检查是否安装jdk,只安装了jre,若安装了jdk,还是不行,是环境配置有问题,把环境变量设置一下就好了。

 

    JAVA_HOME   D:\Program Files\Java\jre1.8.0_151

    

    %JAVA_HOME%  变量代表  D:\Program Files\Java\jre1.8.0_151  

 

    Path值里添加   ;%JAVA_HOME%\bin;D:\Program Files\Java\jre1.8.0_151\jre\bin; 注意前面分号  

    

 

    输入 java -version 输入 javac , 检查是否安装成功

 

  2、Android SDK

    安装Android Studio,添加SDK包,设置环境变量

  3、全局安装cordova

    npm install -g cordova

  4、创建一个APP项目工程

    cordova create MyAppName org.apache.cordova.MyAppName myApp

 

    •   MyAppName :cordova目录名
    •   org.apache.cordova.MyAppName : 包名
    •   myApp: 项目名(在config.xml的<name>中查看)

   5、创建android项目 或 ios

    cordova platform add android 或 cordova platform add ios

 

 

二、Vue项目

  1、安装 node.js; win+R 或者 点击开始--〉运行 输入“cmd”,打开系统命令提示框,输入 node -v,如果能显示出版本号,就说明安装成功。

  2、安装好了 node,我们可以直接全局安装 vue-cli:

    npm install -g vue-cli  3、但是这种安装方式比较慢,推荐使用国内镜像来安装,所以我们先设置 cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org   
    cnpm install -g vue-cli  4、生成vue项目
    vue init webpack 项目名称(Vue-Project)

    

    完成后命令 进入到你创建的项目中的根目录中,执行

      cnpm install 安装模块

    安装完成后,可执行 

      npm run dev  启动项目
      npm run build  打包项目

三、注意

  1、最新vue-cli 2.9.1的webpack存在问题,发现bulid文件下少了两个文件,分别是dev-sever.js和dev-client.js 

      这是因为 vue-cli 依赖的webpck版本发生了变化,检查package.json 就可看出来且启动命令也发生了变化:

    vue-cli 2.8

    

 

    

 

    vue-cli 2.9.1

    

 

 

    

  

   2、2.9.1版本 不会自己启动浏览器

     

 

四、将vue项目 build 后的文件 dist文件夹中的内容 复制到app项目MyAppName中 www文件夹下

  cordova build android    //构建apk

 

 

 

转载于:https://www.cnblogs.com/dck1004589696/p/8258947.html

你可能感兴趣的文章
[SDOI2015]约数个数和【莫比乌斯反演】
查看>>
appium windows环境环境
查看>>
函数指针
查看>>
try {}里有一个 return 语句,那么紧跟在这个 try 后的 finally {}里的 code 会不会被执行,什么时候被执行,在 return 前还是后?...
查看>>
转 cxgrid属性说明
查看>>
【剑指offer】和为S的连续正数序列
查看>>
android开发用无线网络进行Android开发中的调试
查看>>
Html Agility Pack/SgmlReader 解析html
查看>>
[转载]使用命令安装和卸载windows服务
查看>>
[转] 浅谈session,cookie,sessionStorage,localStorage的区别及应用场景
查看>>
【shell】awk格式对齐文本
查看>>
Load 方法 暨 程序的加载顺序
查看>>
Idea添加Jetty时提示JMX module is not included
查看>>
AppSettings和ConnectionStrings的区别
查看>>
cocoapods 更新本地仓库 pod setup/update 无限远程中断
查看>>
Codevs2018 反病毒软件
查看>>
JNI 最佳实践
查看>>
JVM笔记 7 虚拟机类加载机制
查看>>
【BZOJ】3143: [Hnoi2013]游走 期望+高斯消元
查看>>
常用排序算法:桶排序
查看>>