1.Vux项目

1.1 安装npm

Node.js官网下载地址：https://nodejs.org/en/download/
下载安装成功后，在控制台下查看npm版本

npm -v

设置淘宝镜像

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

1.2 安装vue-cli

cnpm install -g vue-cli

1.3 下载vux组件

md vuxPath //新建vux目录
cd vuxPath //进入vux目录
vue init airyland/vux2 //初始化组件包
cnpm install //下载vux组件

1.4 运行dev环境

npm run dev

1.5 vux组件的使用

vux官方文档：https://vux.li/

2.Vue项目生成静态文件

2.1 修改配置文件

module.exports = {
  dev: {
    //...
  },
  build:{
    //...
    assetsPublicPath: './',
    //...
  }

2.2 生成静态文件

cd vuePath
npm run build

生成的静态文件默认在/static下，可修改/config/index.js改变生成路径

3.Cordova打包项目

3.1 安装

cnpm install -g cordova

ps.如后续新建项目文件失败，请指定版本号cordova@6.0.0

3.2 新建cordova项目

//code:cordova create [cordovaAppName] [cordovaNameSpace]
cordova create hnfss-app org.atmb.hnfss

3.3 添加平台

//进入项目根目录
cd hnfss-app
//添加android平台
//需安装jdk & android sdk
cordova platform add android --save
//添加ios平台
//需在苹果环境下，且已安装xcode
cordova platform add ios --save

添加对应平台需要相应的平台环境

3.4 生成apk/ipa文件

将vue的静态文件添加至/www文件夹中

cordova build android
cordova build ios

3.5 配置文件

修改命名空间：
在/config.xml文件widget节点中修改id=[nameSpace]
修改项目名称：
在/config.xml文件widget节点下修改<name>[projectName]</name>
修改项目简介：
在/config.xml文件widget节点下修改<description>[descriptionMsg]</description>
修改作者信息：
在/config.xml文件widget节点下修改<author email=[email]>[authorName]</author>
修改图标：
使用https://icon.wuruihong.com/生成图标
Android：替换\platforms\android\res中的图标
IOS：替换\platforms\ios\resouces中的图标

4.Android App填坑

1.需安装jdk，并配置jdk环境变量
jdk下载地址：https://www.oracle.com/technetwork/java/javase/downloads/index.html
ps. 别装11.0，jdk11.0会被Android Tools检测为1.0，提示版本过低
2.需安装android sdk，并配置sdk环境变量
android tools下载地址：https://www.androiddevtools.cn/
ps1. android没有提供独立的sdk安装包，需要使用tools进行下载
ps2. sdk tools选择对应的android版本在线安装，可能需要翻墙
3.android tools在线安装
安装Android SDK Plateform-tools Latest Version.
安装Android SDK Build-tools Latest Version.
4.路径不能有中文字符
使用cordova build android时候路径不能含有中文字符

5.IOS App填坑

1.apple developers account的区别

苹果开发者账号区别