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：其他情况呢。具体情况具体分析