Hbuilder打包vue的移动端app，自己进行页面测试

最新推荐文章于 2022-12-02 20:14:02 发布

隐密修罗

最新推荐文章于 2022-12-02 20:14:02 发布

阅读量207

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_18390335/article/details/122046240

版权

1、命名后完成，创建文件夹
在这里插入图片描述
2、删除发出来的js css img文件后把 mpm run build的dist和index文件复制过来

3、manifest的配置图片的添加后生成图片

4、选择发行后云本地打包

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

隐密修罗

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue 项目利用 HBuilderX 打包 APP 流程

前端知识分享喵

05-12

7638

想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。

移动端项目（vue2+vant组件库）

qq_45585640的博客

06-23

7847

在命令行中输入以下命令创建 Vue 项目：这里建议两个都选上，更严谨。这里建议选择第 1 个，保存到单独的配置文件，这样方便我们做自定义配置。安装结束，命令提示你项目创建成功，按照命令行的提示在终端中分别输入： [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UynFzUoP-1654274042910)(assets/1582010300149-9932febe-2625-4ee7-986f-9190ab449fec.png)]如

参与评论您还未登录，请先登录后发表或查看评论

安卓手机模拟器调试--vue项目在线调试（HBuilder X, 配合模拟器--夜神模拟器）及打包

张大晴的博客

12-01

4583

1.下载HBuilder X 下载地址 --https://www.dcloud.io/ 2.打开HBuilder 建一个项目 3. 打包自己的Vue项目，vue-cli2 在目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，如果是vue-cli3 则在vue.config.js中配置pub...

手机封装vue还是html,打包vue项目在移动端测试方法

weixin_36033929的博客

06-25

214

第一步：打开项目根目录进行打包image.png1.修改根目录index.html文件里build.js的路径image.png2.修改根目录webpack.config.js文件里publicPathimage.png3.在根目录打开cmd 或打开cmp进入到根目录image.png4.npm run build 进行打包5.成功后多出一个dist文件夹以及index.html可以打开第二步：...

使用HBuilder打包测试App

weixin_45197703的博客

12-07

1486

①、npm run build 打包文件 ②、将打包后生成的dist目录拖进HBuilder编辑器中 ③、右键目录点击’转换成移动App’选项成功之后目录前面字母会发生改变 ④、右键 --> 发行 --> 云打包-打原生安装包 ⑤、弹出该框，点击右上角的 "参数设置" ⑥、参数设置（manifest.json文件）基本信息应用名称：你打包后的app软件的名称 appid...

Hbuilder打包成APP流程,以及遇到的坑

极乐数据

12-02

3063

打开app后最最操蛋的事情是他丫的居然访问不了接口，控制台打印拦截器的请求信息，响应信息，发现点击请求后直接就进入catch了，根本不执行请求，错误提示就一个newwork error ，就这一个问题，整了一下午。但是在做app时这样是访问不到数据的，因为不存在跨域的说法，打包成app后实际访问的路径就是 /propertyCmsAPI/notIntercept/logout ，这样会找不到接口，要采用绝对路径的方式，填完信息，点击打包即可，之后就等待打包生成app的下载链接，进行下载安装啦。

将vue-cli3项目使用HBuilder X打包移动端app

Wangyhl的博客

03-11

1124

将vue-cli3项目使用HBuilder打包移动端app 1.在根目录vue.config.js文件里面加publicPath: ‘./’, module.exports={ publicPath: './', } 2.路由方式换成hash模式 const router = new VueRouter({ mode: "hash", base: process.env.BAS...

vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

12-12

以上所述是小编给大家介绍的vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

HbuilderX中将uniapp创建的项目打包为App（测试版）

xiaoxiao_wang1的博客

06-10

1418

学习uniapp过程中的记录

猿创征文｜如何在HbuilderX中运行Vue

热门推荐

絔宝的博客

08-30

2万+

如何在HbuilderX中运行Vue，创建Vue项目，运行vue项目

手把手带你封装一个vue移动端的脚手架

weixin_43968429的博客

08-23

889

本文基于 vue-cli4.0+webpack 4+vant ui + sass+ rem 适配方案+axios 封装，构建手机端模板脚手架，开箱即用，让开发变得更简单。想看源代码请点击“阅读原文”，希望对你有所帮助！ Node 版本要求 Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或nvm-windows 在同一台电脑中管理多个 Node 版本。本示例 Node.js 12.14.1 启动项目 git clone https://github.

五、 HBuilderX发布一个测试app

星银色飞行船的博客

02-26

1077

1. 点击manifest.json文件->重新获取uni-app的应用标识（AppId） 2. 发行->原生App-云打包 3. 选择安卓->使用公共测试证书 ->打包即可打包成功后这个可以发送给手机上进行安装的安卓apk文件手机上安装成功后的app ...

使用HBuilder打包vue客户端app

ytangdigl的博客

01-05

1万+

1、使用npm run build 命令将vue项目打包,生成打包文件dist。 2、使用HBuilder打开dist文件目录 3、在HBuilder中右键项目目录名，点转换成移动App,会生成manifest.json文件 4、在线打包移动App 右键项目名，点发行—>云打包-打原生安装包弹出App去端打包窗口，勾选Android,然后点“参数配置” 在参

android app使用时间长会卡段,【报Bug】hbuilder打包的app，在安卓手机上使用一段时间后，会出现页面无法点击，卡死的情况...

weixin_39827589的博客

05-28

866

详细问题描述我们使用的是wap2app的方式，在安卓手机上，特别是华为，在使用一段时间后，页面上原来可以正常点击的超链接会出现无法点击的情况，更准确的说是点击超链接后，没有打开新的页面，但页面上的一些js还是能跑的(我页面上有定时拉数据的功能，通过监测是能看到一直是在正常取数据的)，我后退键也是有处理的，我每点一次后退，都会把前面打开的webview给close，close的详见下面的代码func...

移动端访问Vue项目页面无数据，但是PC访问有数据

supremeJacob的博客

03-21

1728

结论：手机浏览器不支持localStorage，改用sessionStorage 调试过程：晚上正准备关电脑早点溜街时，测试那边提了一个移动端访问H5页面无数据展示的bug，那一刻有些头疼，但是马上进入了调试状态。首先打开了Fiddler抓包工具，把抓到的url复制到PC浏览器进行访问，结果发现PC上访问这个页面是有数据的，那就有些蛋疼了呀，今晚就得要发新版本，没想到最后还出这个幺蛾子，突然之前成为了全村的希望，感觉有些受宠若惊。冷静分析了下，与浏览器抓到的东西进行了比对，发现移动端是没有进行接

vue项目中，接口状态值status是0

WMW_wmw的博客

01-12

2969

近期一个项目有个奇怪的现象，在ios12以下的系统中，钉钉端的接口状态值status都是0，中间踩了不少坑发现，最后发现需要把域名解析header部分换成以下内容。域名: http://xxx.com location / { add_header Access-Control-Max-Age 3600; add_header Access-Control-Allow-Credentials true; add_header Access-

Hbuilder 教程

zhaobingxu24的专栏

12-16

1万+

HBuilder不仅仅提示全面的语法，非语法的各种候选输入也都能提示。包括图片、链接、颜色、字体、脚本、样式、URI、ID、class、自定义JS对象、方法。小编在本文详细介绍了Hbuilder编辑器的使用方法。 Q:怎么才能快速掌握HBuilder开发技巧？ A:软件自带HelloHBuilder项目，该项目为教程项目（如果不小心删除了不要担心，可以在新建WEB项目时，使用Hello

记录下hbuilderX+vue开发app 真机调试的问题

monk96的博客

04-04

4562

原由找了半天官方的文档也没找到几个靠谱的文档，最后还是慢慢摸索出来的解决： hbuilderx连接手机调试一.找到hbuilderx的安装目录并找到plugins 二.找到launcher 三.找到tools目录四.找到adbs并复制地址五.添加到系统变量path window+R 输入：set path = %path%;D:\soft\HBuilderX\plugi......

Vue项目使用HBuilder打包成APP详细教程

"vue-cli或vue项目利用HBuilder打包成移动端app操作" Vue CLI 和 Vue.js 项目可以通过HBuilder工具转换为移动端的应用程序，这个过程涉及多个步骤，包括项目运行、配置修改、文件打包、目录创建、应用转换以及调试...