HBuilder打包App方法

前端之家收集整理的这篇文章主要介绍了HBuilder打包App方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

支持HTML5的Web开发IDE。该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP。

文件编译为原生安装包。

注册并登陆。首先打开“文件”-“新建”-“移动APP”,输入“应用名称”,“位置”可以根据需要自己选择即可,“选择模板”建议选择空模板;

显示新建的项目目录,其中css,img,js和index.html这几个文件可删可改可替换。

文件夹是放置app图标和启动界面的图片

文件是移动App的配置文件,用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息,用户可通过HBuilder的可视化界面视图或者源码视图来配置移动App的信息。

删除了css,img,js文件夹和index.html文件,就把其他自己的项目文件对应复制到文件夹中,注意html文件中的引用路径需要保持正确。

文件复制完成后,刷新更新下,双击打开manifest.json文件来配置App。

获取。版本号:根据需要来编辑。页面入口:默认是index.html,根据自己项目需要,更改APP的启动页面。应用描述:自己随便填。应用是否全屏显示:勾上就全屏显示

页面下方的图标配置,配置APP显示图标。

自动生成所有图标并替换"按钮,完成图标生成和替换。

生成的图标自动在unpackage文件夹下

图片(splash)配置,点击切换到启动图片配置

图片设置,根据自己需要是Android还是iOS平台,再根据不同设备对应做出启动图片

文件下新建个文件命名"splash",把做好的启动图片放到这个文件里面。

图片设置里点击"选择",找到刚放进来的启动图片

页面引用关系:

代码”,再点击左边index.html文件

功能是什么意思:点击左侧html文件,右侧会显示不同的文件图片等。可以表示左侧html文件加载时所需要的资源。

403">

代码视图:在代码视图里查看设置是否正确,确定后ctrl+s保存好。

原文链接:https://www.f2er.com/hbuilder/74657.html

猜你在找的HBuilder相关文章