HBuilderX下载安装以及打包uniapp项目

2022-07-18 11:17:55

一、背景介绍

公司需要打包uniapp的项目为h5,自己之前没接触过,兴趣来了,根据百度搜索需要HBuilderX工具进行打包。

二、思路&方案

  • 1.下载安装HBuilderX
  • 2.HBuilderX中引入项目进行打包
  • 3.遇到问题,缺少插件,根据提示进行解决
  • 4.最终打包成功(打包操作)

三、过程

  • 1.下载安装HBuilderX(绿色解压即可食用)
    1.1.地址:https://www.onlinedown.net/soft/1217175.htm
  • 2.HBuilderX中引入项目进行打包
    在这里插入图片描述
  • 3.遇到问题,缺少插件,根据提示进行解决
    3.1.预编译器错误:代码使用了scss/sass语言,但未安装相应的编译器插件,请前往插件市场安装该插件
    解决办法:三方地址点击即可跳转
    3.2.0;31m–> LibSass 的二进制文件(F:\1.mark资料\100.工具\HBuilderX.2.7.14.20200618.full\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\vendor\win32-ia32-57\binding.node)缺失,请执行下面3条命令下载对应版本的二进制文件:(有可能引发此错误的原因是 Node 版本变更)[0m
    解决办法:三方地址点击即可跳转
  • 4.最终打包成功(附上h5打包步骤)
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

四、总结

  • 1.以及后续手动打包操作做成自动化的方式;
  • 2.后续还需要查一下通过其它工具是否可以支持打包操作
  • 3.一步一步遇到问题解决问题

五、升华

针对于没有接触过的内容第一反应想到的是学习它、搞定它,这是不是成长型思维?

引用文章:
https://blog.csdn.net/weixin_43848614/article/details/116601210
https://blog.csdn.net/weixin_39729729/article/details/121896135

  • 作者:创业之路&下一个五年
  • 原文链接:https://mark-dj.blog.csdn.net/article/details/124184792
    更新时间:2022-07-18 11:17:55