vue项目打包成apk

JavaScript044

vue项目打包成apk,第1张

1.vue项目打包---npm run build

2.在HBuilder中新建5+app项目

3.把5+app项目中删除js css等文件 只剩manifest.json 文件

4.复制vue项目打包后的dist目录中所有文件到5+app项目

5.HBuilder中发布--》app云打包

注意点 ：

1、如页面数据不刷新

到manifest.json 文件-->基础配置--->应用入口地址 改为线上地址即可

4、如需更改app图标app名字 app启动界面设置都可在 manifest.json 文件中设置

在看教程时里面提到

什么是NPM？

NPM手册-W3Cschool

所以NPM类似conda，不过conda是Python的，属于anaconda；NPM是JavaScript的，属于Node.js。

那什么是Node.js？

Node.js教程-W3Cschool

Node.js 安装配置

安装完看环境变量有没配置，没有的话配置一下：

node.js安装后输入“node -v”提示'node' 不是内部或外部命令，也不是可运行的程序的解决方法

安装完node.js，配置好环境后可以开始vue.js安装了！

参考 安装vue.js的方法 可以再安装上 cnpm 和 vue-cli 脚手架构建工具 。

cnpm和vue-cli 都是直接打开cmd用 npm install 方式安装，不需选择路径。

安装cnpm:

安装vue-cli:

所以继续按照官方教程，安装vue

但是，还是不清楚vue该装在哪。。。

先在node.js的路径下安装试试：

应该没有错吧？

迫不及待要开始了~~~

app很简单，使用vuejs自不必说，组件开发模块管理使用vue-loader、webpack，页面切换以及过场动画使用vue-router，在

app开发过程只需关注app的数据走向即可，另外可以搭配各类UI库让你的应用更加美观，正如楼上答过的，使用SUI或Framework7都可以，我

使用的是Framework7一个分支版本light7(因为后续的功能补充可能用到jQuery。如果涉及数据后台同步可以配合后端语言进行开发，我选

用了Google现成的Firebase作为数据存储端。