vue项目打包成apk

JavaScript036

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作为数据存储端。