新工作单位需要维护uniapp的遗留项目,不得不下载Hbuilder X,这篇文章专注解决和本人一样强迫症的用户,
图片不知道怎么插入,附件里有前后的对比图,一定要记得备份,防止操作失败或者不适用自己项目可以回滚过来
备份Hbuilder X,防止操作失败影响搬砖
- 进入应用程序目录对Hbuilder X 压缩,如操作过程中出现问题,可以删除APP并直接解压
替换图标
- 打开网站 https://macosicons.com/how-to#/,搜索HBuilder,找到喜欢的图标下载下来
- 打开 应用程序目录,点击选中Hbuilder X, 然后按下 command + i 打开简介窗口
- 拖动下载的图标到 简介窗口的图标位置,重启Hbuilder 新图标就换好了
修改Hbuilder 内置node 为 本机Arm版本
在终端执行 where node
,会输出本地node 所在位置
例如:/Users/xx/.nvm/versions/node/v16.14.2/bin/node
,
在终端执行 open /Users/xx/.nvm/versions/node/v16.14.2/bin
打开node所在目录,
以及 open /Applications/HBuilderX.app/Contents/HBuilderX/plugins/node
,打开Hbuilder内置node目录,
接下去复制本地的node到HBuilderX的node目录中,记住是复制!!不要直接拖动过去
这时候项目是运行不了的,因为Hbuilder内置了node-sass,并不匹配Arm版node,
终端会报错,如下内容,不要根据提示去操作,不会有效果的
[0;31m--> LibSass 的二进制文件(/Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-node-sass/node_modules/node-sass-china/vendor/darwin-arm64-93/binding.node)缺失,请执行下面3条命令下载对应版本的二进制文件:(有可能引发此错误的原因是 Node 版本变更)[0m
14:39:41.361 mkdir -p /Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-node-sass/node_modules/node-sass-china/vendor/darwin-arm64-93
14:39:41.363 cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins/compile-node-sass/node_modules/node-sass-china/vendor/darwin-arm64-93
14:39:41.365 curl -o binding.node http://cdn.npm.taobao.org/dist/node-sass/v4.7.2/darwin-arm64-93_binding.node
替换node-sass 为 dart-sass
- 首先 终端执行
cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins
,打开plugins目录 - 执行
rm -rf compile-node-sass
删除node-sass目录 - 执行
yarn add sass
, - 重启编辑器
解决真机调试问题
一直没有看到用到这个功能,所以没发现,看到评论有问题,记录一下解决的过程,有其他问题可以也可以用这个方法
如发现某些功能异常,打开 hbuilder 帮助->查看运行日志,清空日志,重新操作未正常启动的功能。
查看日志,一般都是缺少一些模块的报错,如缺少在出错的插件目录下安装即可
- 在 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/launcher 目录下安装 执行
yarn add archiver
- 清空plugins/launcher/tools/adbs 目录,下载arm版本adb拖动进去 或 使用brew安装adb,在hbuilder偏好设置- 运行配置- adb路径中修改 (但在活动监视器中adb进程还是会显示intel,不知为何)
- 重启编辑器