手把手教你学会HBuilder打包APP

我们打包APP需要用到HBuilder，所以先讲解如何安装使用

HBuilder的下载与安装

HBuilder的官网下载地址：https://www.dcloud.io/

点击DOWNLOAD后会弹出如上显示的两种版本下载
Windows版 和 MacOS版 根据我们电脑版本下载即可，我们一定要下载标准版哦（正式版中的）

我这里是Windows系统，所以我选择的是window版
下载完是一个压缩包

右击压缩一下即可

打开文件夹后找到如下HBuilderX.exe文件

双击即可运行 为了方便我们可以右击发送到桌面快捷方式

HBuilder的使用

打开后就是这样了，可以点击右下角登录哦

使用

创建项目

点击创建即可

结构

如果想创建更多文件可以右击

其他的就不过多讲解了，说一下如何打包APP

打包APP

我们选择5+App(A) 类型
名称随意填写了
模板默认即可

安卓包内设置样式

苹果包设置样式

注意：苹果包必须有证书才可以

这里我就做这些选择了

继续打包即可

等到百分百即可上传开始打包APP

开始进行打包

返回下载地址就代表成功了
点击下载地址即可下载
然后发送到手机上即可安装

到此这篇关于手把手教你学会HBuilder打包APP的文章就介绍到这了,更多相关HBuilder打包APP内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • vue-cli或vue项目利用HBuilder打包成移动端app操作

    一.测试项目是否可以正确运行 指令:npm run dev 1.首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目 二.修改路径 (assetsPublicPath: './') 1. 打开我们config中的js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置) 2. 检查下assetsRoot: path.resolve(__dirname, '-/dist'), assetsSubDirectory: 'static',

  • 初试vue-cli使用HBuilderx打包app的坑

    微信授权登录提示code-2 appid和appsecret应该是移动应用,而非网页应用 微信授权登录提示code:-100/自定义基座无法微信登录和分享 开发者账号配置的应用签名应该是md5加密后的值,而不是原字符串 生产环境proxyTable不生效,导致接口500 两种解决办法: ①入口文件使用网络地址,且和接口在同一域名下 ②(推荐) 入口文件依旧是index.html 在config/prod.env和config/dev.env下添加API_ROOT 'use strict' mod

  • 浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑

    1.打包项目 期间遇到的坑,提前说下,避免重复工作. 1.1打包的app出现白屏. 出现原因:路径不对,需要改config\index.js 解决办法:修改打包的路径. 1.2点击页面跳转不了,报 Loading chunk 2 failed. 等错误. 出现原因:不能用history配置路由,要用hash 解决办法:修改路由mode属性为hash. 1.3.点手机物理按钮,直接退出程序. 出现原因:无理返回键直接用监听不到路由,会直接退出程序. 解决办法:可以引入mui,就能正常使用了. 1.

  • HBuilder打包App方法(图文教程)

    HBuilder打包App方法(图文教程)

    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP. HBuilder提供的打包有云端打包和本地打包两种,云端打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包. 1,下载HBuilder,注册并登陆.首先打开"文件"-"新建"-"移动APP",输入"应用名称","位置

  • 利用HBuilder打包前端开发webapp为apk的方法

    利用HBuilder打包前端开发webapp为apk的方法

    现在的前端开发可谓是,百花齐放啦,什么都可以做,只有想不到没有做不到的,今天就简单的介绍用vue,ng或者是react开发的单页应用如何打包为apk,在移动设备上运行. 这里以vue为例,其他的差不多,大家可以根据自己的情况去查找相应资料. 第一步,需要安装node,如果是做前端的er,这个应该就不用过多介绍了. 第二步,使用vue-cli工具初始化vue项目,这里只是做一个测试的项目,所以vue-router等东西就不用安装了,实际项目,根据具体情况而论. 第三步,常规的开发,比如希望实现的功

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

    使用 Hbuilder新建好移动app项目后,mainfest.json这个文件里的 plus里设置 statusbar ..... "plus": { "statusbar": { "immersed": true }, ...... }, ..... 效果 总结 以上所述是小编给大家介绍的vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的.在此也非常感谢大

  • 手把手教你学会HBuilder打包APP

    手把手教你学会HBuilder打包APP

    我们打包APP需要用到HBuilder,所以先讲解如何安装使用 HBuilder的下载与安装 HBuilder的官网下载地址:https://www.dcloud.io/ 点击DOWNLOAD后会弹出如上显示的两种版本下载 Windows版 和 MacOS版 根据我们电脑版本下载即可,我们一定要下载标准版哦(正式版中的) 我这里是Windows系统,所以我选择的是window版 下载完是一个压缩包 右击压缩一下即可 打开文件夹后找到如下HBuilderX.exe文件 双击即可运行 为了方便我们可

  • 手把手教你如何编译打包video.js

    手把手教你如何编译打包video.js

    如何获取video.js的代码 video.js的源码托管在github.com上面,一般来说,master分支上对应的是最新版本,点击右边绿色的clone or download 按钮可以行源码的下载,不过最新的代码未必是稳定的版本,所以这里有一个小技巧,我们可以选择最近的tag进行下载,这样相对要稳妥许多. 编译打包video.js 下载对应的源码之后,一般解压后,可以看到一个.dist的目录,里面是作者替我们打包好的代码,一般有两个版本,压缩和未压缩的版本.但是很遗憾,这个版本中居然没有打

  • 手把手教你用SpringBoot将文件打包成zip存放或导出

    手把手教你用SpringBoot将文件打包成zip存放或导出

    环境准备 其实也没什么准备,准备好Springboot就行,还有几张图片: 将文件打包成Zip存放 代码 Controller代码: @RequestMapping("/zip") @RestController public class ZipController { /** * 将文件打包成zip并存放在特定位置 */ @PostMapping("package") public void packageFileToZip() throws IOExceptio

  • 四步教你学会打包一个新的Python模块

    目录 1.生成 spec 文件 2.运行 rpmlint 3.下载源码 4.构建源软件包 为什么不使用 PyPi 当你安装一个应用程序时,你通常是在安装一个软件包,其中包含应用程序的可执行代码和重要文件,如文档.图标等.在 Linux上,软件一般被打包成 RPM 或 DEB 等格式,用户只要通过 ​ ​dnf​ ​​ 或者 ​ ​apt​ ​​ 等命令就可以进行安装了,这取决于你使用的 Linux 发行版.然而几乎每天都有新的 Python 模块发布,因此你很容易遇到一个尚未打包的 Python

  • 手把手教您实现react异步加载高阶组件

    本篇文章通过分析react-loadable包的源码,手把手教你实现一个react的异步加载高阶组件 1. 首先我们想象中的react异步加载组件应该如何入参以及暴露哪些API? // 组件应用 import * as React from 'react'; import ReactDOM from 'react-dom'; import Loadable from '@component/test/Loadable'; import Loading from '@component/test/

  • 手把手教你怎么创建spring项目

    手把手教你怎么创建spring项目

    创建Spring项目 通过spring.io生成初始代码,配置如下 下载好会得到一个.zip文件,解压导入IDEA就可以开始了,这是基础的项目结构 让我们打开src/main/java/geektime/spring/hello/hellospring/HelloSpringApplication.java,修改成如下代码 package geektime.spring.hello.hellospring; import org.springframework.boot.SpringApplic

随机推荐