cordova与vue2集成

Posted 2023-02-20

参考技术A 1）先要安装 Node.js . 链接： https://nodejs.org/en/
2）安装cordova. 链接： http://cordova.apache.org/
终端步骤：

1)创建cordova的project

2)为cordova项目添加platform project

3)在相关平台运行app

4)用指定模拟器运行cordova工程

1)安装vue-cli

2)创建工程

*两个创建的工程放在平级

3)安装vue依赖包

4)安装Vue-router，Vuex和Mint-ui

5)修改webpack.config.js

path指的是我们cordova里的www/js目录，因为打包的时候会把所有js文件放到cordova工程的js目录下。
publicPath是指的一些公共资源（如图片，css文件）的加载路径。

6）最后修改cordova工程的www下的index.html文件

加入一个<div id="app"></div>和<script type="text/javascript" src="js/build.js"></script>
这里面就是vue生成的js
直接运行cordova run ios就可以看到效果了，我们已经将vue生成的文件运行了。