需要安装的内容
JDK 1.8
Gradle

下载安装 cordova

  1. sudo npm install cordova -g
  2. # 验证
  3. cordova -v
  1. # 创建 cordova 项目
  2. cordova create zhuke-merchant-app
  3. # 安装平台
  4. cd zhuke-merchant-app
  5. cordova platform add android
  6. cordova platform add ios
  7. cordova platform add browser
  1. cd zhuke-merchant-app/
  2. # 创建vue 项目(项目名称)
  3. vue init webpack app
  4. cd app
  5. npm i

修改

删除www 下内容
修改 vue 项目的输出目录 config/index.js 文件内容

  1. build: {
  2.     // Template for index.html
  3.     // index: path.resolve(__dirname, '../dist/index.html'),
  4.     index: path.resolve(__dirname, '../../www/index.html'),
  6.     // Paths
  7.     // assetsRoot: path.resolve(__dirname, '../dist'),
  8.     // assetsSubDirectory: 'static',
  9.     // assetsPublicPath: '/',
  10.     assetsRoot: path.resolve(__dirname, '../../www'),
  11.     assetsSubDirectory: '',
  12.     assetsPublicPath: '',
  13. }

安装必要三方库

  1. # vuex
  2. npm i vuex
  3. # VANT
  4. npm i vant -S
  5. # axios
  6. npm i axios

使用vue-router

修改文件
router/index.js

  1. import Vue from 'vue'
  2. import Router from 'vue-router'
  4. Vue.use(Router)
  5. // 路由表
  6. export const routerMap = [
  7.   {
  8.     path: '',
  9.     component: () => import('@/views/home/index')
  10.   }
  11. ]
  13. export default new Router({
  14.   routes: routerMap
  15. })

index.html 增加引用js

增加
document.addEventListener(‘deviceready’, function () {
new Vue({
el: ‘#app’,
router,
components: { App },
template: ‘‘
})
}, false)