1、打包前端项目放入原生应用

​ 这种方案就是最简单的混合开发方式，将开发的webapp放入到原生应用中，比较流行的框架有

• 开发框架: Vue、原生Html

• UI框架: Vux、Vant

• 打包框架: Webpack

打包完成后放入到原生app的中，涉及到交互的可以使用架桥等方式。

1、创建Vue项目

1

vue create demo

2、添加Cordova

1

vue add cordova

2.1 生成cordova工作目录

#安装

关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

Node 版本要求
Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

安装命令

1
2
3
4
5

npm install -g @vue/cli   #安装最新版本
# OR
yarn global add @vue/cli

npm install -g @vue/cli@版本号  #安装指定版本

检查其版本是否正确 (3.x)：

1

vue --version