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
npm add @ionic/vue@0.0.9
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')
使用文档
资料
app图标和启动页
网友评论