HBuilder X详细教程

一：打包部署

目的：打包之后部署至服务器

大致步骤：

修改打包后资源引用为相对路径
执行 npm run build 打包出资源
上传到服务器，使用node托管
打包成apk的时候需要注意物理按键，和状态栏

1.在vue.config.js里面添加相对路径：“publicPath: './'”

// vue-cli的配置文件
module.exports = {
+  publicPath: './',css: {loaderOptions: {less: {// less 的全局变量globalVars: {'geek-color': '#FC6627','geek-gray-color': '#F7F8FA'}}}}
}

2.执行 npm run build 打包出资源，打包成功之后如下图

3.下载hbuilder

网址：https://www.dcloud.io/hbuilderx.html

4.操作hbuilder，这里可以直接导入项目，也可以建项目，具体境况具体分析，我这届介绍的是新建项目

5.运行之后可能遇到的错误

可能的错误点：

1：在vue.config.js里面添加相对路径：“publicPath: './'”，可能没有添加

2：hbuilder里面的manifest.json里面没有获取AppId

3：其他情况呢。具体情况具体分析

HBuilder X详细教程相关推荐

跨平台应用开发进阶(十一) ：uni-app 实现IOS原生APP-云打包集成极光推送(JG-JPUSH)详细教程
文章目录一.前言二.资源三.集成四.遇到的问题及解决措施 4.1 IOS开发者证书无推送权限 4.2 manifest中并没有配置push模块.但云端打包ios就是一直报Code Signin ...
HBuilder 安装使用教程
前段时间朋友让我帮忙打包一个 IPA 文件(使用 HTML5 开发的 Web 应用),了解到 HBuilder 这款 H5 开发神器.之前一直使用 WebStorm 开发 H5,闲来无事也学习下 HB ...
Windows申请iOS证书上架App Store详细教程（有这一篇就够了）
Windows申请iOS证书上架App Store详细教程上架基本需求资料 1.苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2.开发好的APP 通过本篇教程,可以学习到ios证书申请 ...
跨平台应用开发进阶(八) ：uni-app 实现Android原生APP-云打包集成极光推送(JG-JPUSH)详细教程
文章目录一.前言二.资源三.集成 3.1 SDK 引入 3.2 代码集成 3.3 遇到的问题及解决方案 3.3.1 包大小限制 3.3.2 [JS Framework] 当前运行的基座不包含原生 ...
手把手从零开始搭建k8s集群超详细教程
本教程根据B站课程云原生Java架构师的第一课K8s+Docker+KubeSphere+DevOps同步所做笔记教程 k8s集群搭建超详细教程 1. 基本环境搭建 1. 创建私有网络 2. 创建服务 ...
win10系统优化计算机,全面优化win10电脑系统详细教程 | 专业网吧维护
全面优化win10电脑系统详细教程以下针对win10系统的电脑全面优化的步骤: 步骤1:禁止开机启动项 1.首先我们先来优化开机速度,拖慢开机速度的首先是开机自启动项,Ctrl + Shift + ...
GPU运行Tensorflow详细教程及错误解决
GPU运行Tensorflow详细教程及错误解决前提条件配置GPU运行确认是否成功配置出现的错误及解决方案前提条件最重要的一点:CUDA与tensorflow的版本一点要对应,不然用不了! ...
VMware虚拟机安装黑苹果MacOS Mojave系统详细教程
更多资源请百度搜索:前端资源网欢迎关注我的博客:www.w3h5.com 最近遇到一个H5页面的 iPhone X 刘海兼容问题.查到一个 XCode 编辑器,可以模拟 iPhone X 环境运行. ...
[分享] 从定制Win7母盘到封装详细教程 By BILL （ 10月23日补充说明）
[分享] 从定制Win7母盘到封装详细教程 By BILL ( 10月23日补充说明 ) billcheung 发表于 2011-10-23 00:07:49 https://www.itsk.com ...
win七系统如何卸载MySQL_win7系统卸载SQL2008R2数据库的详细教程
用过SQL2008R2数据库的朋友都知道,安装起来容易卸起来麻烦,可是在win7 32位旗舰版系统就不知道怎么卸载SQL2008R2数据库了.其实卸载SQL2008R2数据库的方法也很简单,可直接通过 ...

HBuilder X详细教程

一：打包部署

HBuilder X详细教程相关推荐

最新文章

热门文章