Vue Cordova ionic项目开发

1、创建Vue项目

vue create hello-world

2、添加Cordova

vue add cordova

2.1 生成cordova工作目录

cordova.png

3、修改vue-cli打包位置

image.png

4、cordova添加平台

切换到cordova目录下

image.png

• cordova platform add android | iOS //添加android或者iOS平台

打开目录下对应的. xcworkspace文件

5、添加ionic

• https://dev.to/aaronksaunders/build-your-first-ionic-vue-app-18kj

npm add @ionic/[email protected]
npm add @ionic/core
npm add vue-router

import Vue from 'vue'
import App from './App.vue'

import Ionic from "@ionic/vue"
import "@ionic/core/css/core.css"
import "@ionic/core/css/ionic.bundle.css"


Vue.config.productionTip = false;
Vue.use(Ionic);

new Vue({
  render: h => h(App),
}).$mount('#app')

使用文档

• https://dev.to/aaronksaunders/build-your-first-ionic-vue-app-18kj
• https://github.com/ionic-team/ionic/tree/master/vue
• https://ionicframework.com/blog/announcing-the-ionic-vue-

---

资料

• https://juejin.im/post/5b78e522f265da432144a3a6
• https://www.npmjs.com/package/vue-cli-plugin-cordova

app图标和启动页

• https://blog.csdn.net/saucxs/article/details/94049682