一、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