使用HBuilder将web项目打包成app

一：下载HBuilder

访问HBuilder官网下载HBuilder：https://www.dcloud.io/

这里我下载的是windows版的app开发版

将HBuilder下载下来后直接解压即可，他是一个免安装软件

二：使用HBuilder打包web项目

1：打开HBuilder编辑器并进行注册登录

2：创建项目，点击左上角文件-》新建-》项目

3：这里我是已经有一个现成的项目，你们可以更加自己的实际情况选择对应的项目类型，这里我选择的是Wap2App，然后填写一些相关信息

项目创建完成之后编辑器的左侧显示如下

4：这时候我们点击manifest.json文件进行一些app的配置

5：配置完成之后，我们点击上面的发行-》原生App-云打包

6：配置一些打包的配置项。如下是我打包的一些配置项

7：配置完成之后，点击打包，这时候编辑就开始打包了，打包完成之后在编辑器下方会有app的下载地址，将app下载下来按照到手机端即可，我们还可以在HBuilder的开发者后台看到我们创建的应用

使用HBuilder将web项目打包成app相关推荐

转：教大家如何用HBuilder将web项目打包成apk
链接:https://www.jianshu.com/p/d86bf569295d 将我们的web项目打包成一个apk文件并不难,首先准备好软件HBuilder还有你的项目,注意这里只献给那些不是真正 ...
web项目打包成Native App
web项目打包成Native App 好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成 ...
vue前后端分离项目打包成app,部署成移动端
将vue项目打包成app,在手机上运行. 1. vue打包 npm run build 先将vue的前端项目打包成dist文件夹 2. 安装hbuilderX Hbuilder官网地址 3. hbui ...
Hbuilder将vue项目打包为app（具体步骤和注意点）
Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置进行打包注意事项打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...
idea将web项目打包成war包并部署到服务器上运行
idea将web项目打包成war包并部署到服务器上运行以下是工作案例总结: 1.首先idea配置服务器:tomcat服务器或者jetty服务器均可 2.idea配置环境设置:点击如下图标接下来如下 ...
app vue 真机运行_使用 HBuilder 将 Vue 项目打包成手机 App
在开发移动端 app 时可以选择原生 app 和 webapp, 原生 app 体验好,开发成本高,相对的 webapp 体验要差,开发成本低.webapp 要求很低,可以说只要会开发web 站就能开 ...
将Html网页或者是Aue项目打包成App
把前端的网页打包成App 一. 前言首先,在学前端的时候,我们接触到了Html,css,js,你只需要有这些,即可打包成一个App,当然肯定需要一些打包的软件,然后你如果学习到了Vue框架,用脚 ...
vue项目打包成app，在ios端iconfont 部分字体图标不显示
最近在用vue结合capacitor 写app的项目,痛苦真痛苦. 在xcode上打包成app之后,发现有些字体图片怎么改都显示不出来. 解决办法: 把引用的css url 加上https
vue移动端项目打包成app
这几天我做了一个vue移动端的小项目就想着打包成 app安装在手机上看看我就讲解下整个思路和过程首先项目开发完之后 (我使用的是vue-cli 3.*版本) 在项目文件夹下创建一个 vue. ...
html5打包成app不能拍照,vue项目打包成app无法使用input调用相机
问题描述:打包成app后使用input上传图片只能做到在文件夹中选取,不能实现拍照上传图片解决方案: 1.利用HTML5 Plus的Camera调用相机 2.利用HTML5 Plus的IO来实现读取 ...

使用HBuilder将web项目打包成app

使用HBuilder将web项目打包成app相关推荐

最新文章

热门文章