vue项目使用uniapp生成app过程
首次接触uniapp 像个丈二和尚 百度无果 最终求助uniapp官方群群友解决
把我的完成过程记录下来
详细步骤
1. npm run build 打包vue项目
2. 在 HbuilderX 新建 5+app 项目
3. 将打包好的项目 dist 文件夹下的文件全部复制,拷贝到新建项目的根目录,有重复的直接覆盖
4. 配置启动头 打开新建项目的 manifest.json文件 > 图标配置 > 自动生成图标 > 选择一张图片 > 自动生成所有图标并替换
5. 打开新建项目的 index.html ,不然浏览器运行时会弹框提示浏览器运行尚不支持此种类型文件
6. 把 index.html 里的路径都改成相对路径,不然会报错
7. 数据线连接安卓手机和电脑,打开开发者模式,use调式也打开 ,> 运行 > 运行到手机或模拟器 > 手机 ,这时项目就能在手机上展示了
注意事项(过程中遇到的小问题)
- 因为是生成手机app, 所以要先改成移动端的
- 真机或者手机模拟器都不存在跨域问题,所以要把跨域代码去掉
暂时就写这些,之后想到再补充
感激指点我的大佬
vue项目使用uniapp生成app过程相关推荐
- vue项目打包使用uniapp生成app过程
记笔记,免忘记! 一.打开Hbuilder,新建项目 创建好5+app项目 二.打包vue项目 npm run build 将dist里面的文件,复制,到刚刚创建的5+app项目文件夹中(重部替换) ...
- Vue项目打包移动端App(App打包教程),简便直接
一.Vue项目打包移动端APP 需要准备的工具:Hbuilder 二.首先打包vue到dist目录 npm run build 三.然后再Hbuilder中打开dist目录 首先可以看到dist目录的 ...
- vue 项目中 自动生成 二维码
vue 项目中 自动生成 二维码 最近在写一个vue项目,要求根据卡号可以自动生成一个二维码,并渲染在指定位置,因为第一次做类似业务,小编在网上找了找,发现了很多,具体起来主要用的就两种: QRc ...
- (三)01 -Vue项目打包发布移动App——vue.config.js中配置相对路径publicPath为空字符串 在public中添加HBuilderX的打包配置文件manifest.json
Vue 项目打包发布移动 App--npm run build打包 & vue.config.js文件中配置相对路径publicPath为空字符串 & 在 public中添加HBuil ...
- 六十四、Vue项目去哪儿网App开发准备
2020/10/20 . 周二.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/20 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...
- 六十五、完成Vue项目去哪儿网App首页开发(来源:慕课网)
2020/10/21. 周三.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/21 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共 ...
- vue项目打包后生成一个配置文件可以修改打包后的服务器api地址
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址 问题描述:vue项目打包上线之后,如果要改服务器api地址,只能在源码更改然后重新打包发布,为了解决这个问题,我们可以在static增 ...
- vue项目中自动生成二维码
vue项目中自动生成二维码 我们在做vue项目时,很多时候要用到生成二维码的功能,今天给大家介绍一个有前端生成二维码的小例子: 1.安装vue-qr: npm isntall vue-qr --sav ...
- vue项目通过Electron生成桌面应用
vue项目通过Electron生成桌面应用 一.安装 1. 把electron的官方demo下载下来 2. 安装cnpm 3. npm start 启动electron 4. 修改vue项目 5. 打 ...
最新文章
- ubuntu查看版本
- mysql 生明变量_在 MySQL 的 SQL 文件中,定义变量与使用变量
- 编写jmeter测试用例_JMeter 编写接口测试用例遇到的问题及解决
- 使用brew安装composer
- 深度学习(Deep Learning)综述及算法简介
- python做一个微型美颜图片处理器,十行代码即可完成
- qq团购群如何引流?群主如何建群拉新以及营销
- Mysql 窗口函数
- ViPER4Android驱动平台,viper4android驱动
- 虚拟主机怎么搭建网站
- MongoDB:shutting down with code:100
- 设计模式学习资料推荐
- mysql括号被过滤_mysql必知必会--数 据 过 滤
- 杰奇linux伪静态,nginx 杰奇 nginx 伪静态规则
- php5.4环境搭建_Windows2003下php5.4安装配置教程(Apache2.4)
- jquery缩放手势插件_ZooMove:jQuery插件可在悬停时缩放图像
- 项目管理:KANO模型
- 远程办公招聘平台汇总 | 三线程序员的福音
- HDB—Apache HAWQ系统要求(二)
- 解决GiHub下载太慢的问题