vue cordova生成app

1、Cordova环境：

　　一、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 ， 检查是否安装成功

 

　　二、Android SDK

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

　　三、全局安装cordova

　　　　npm install -g cordova

　　四、建立一个APP项目工程

　　　　cordova create MyAppName org.apache.cordova.MyAppName myApp

 

• • 　　MyAppName ：cordova目录名
  • 　　org.apache.cordova.MyAppName ： 包名
  • 　　myApp： 项目名（在config.xml的<name>中查看）

 　　五、建立android项目 或 ios

　　　　cordova platform add android 或 cordova platform add ios

 

 

2、Vue项目

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

　　二、安装好了 node，咱们能够直接全局安装 vue-cli：

　　　　npm install -g vue-cli

　三、可是这种安装方式比较慢，推荐使用国内镜像来安装，因此咱们先设置 cnpm

　　　　npm install -g cnpm --registry=https://registry.npm.taobao.org　　　

　　　　cnpm install -g vue-cli

　四、生成vue项目

　　　　vue init webpack 项目名称（Vue-Project）

　　　　

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

　　　　　　cnpm install 安装模块

　　　　安装完成后，可执行 

　　　　　　npm run dev  启动项目

　　　　　　npm run build  打包项目

3、注意

　　一、最新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.9.1版本 不会本身启动浏览器

　　　　 

 

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

　　cordova build android    //构建apk