一.先安装nvm,如果已经安装跳过
参考网址:Mac OS 下安装 NVM 「保姆级 教学」 - 知乎 (zhihu.com)
1.1.安装NVM
按照 官网 指引操作运行如下安装:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
如果成功,那恭喜你!!!!
1.2安装
#执行下面安装后可以看看版本号
nvm install 20
#看node版本号
node -v
#看npm版本号
npm -v
1.3如果不成功,出现:
超时,可以多试几次,几次多不行那也不要慌,往下看
方法1:
先获取IP ping http://raw.githubusercontent.com // 例如 192.168.1.1
然后更改 hosts sudo vim /etc/hosts 添加如下 192.168.1.1 http://raw.githubusercontent.com :wq 保存并退出
再次执行安装命令多次(不行多试几次)是可行的。
方法2:
在浏览器中访问 https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh,如果可以访问,下载该文件到本地,如果浏览器中也访问不了,那就想办法找vpn代理浏览器,代理之后访问:https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh 并下载
下载之后再终端中执行该文件:
./install.sh
如果没有权限使用方面的方式:
chmod +x install.sh
再执行:
sudo ./install.sh
安装成功后执行 nvm 提示 command not found
首先查看 ~/.bash_profile 文件是否存在,如下内容(通常是安装后会自动生成),如果没有则手动添加:
vim ~/.bash_profile
添加内容:
export NVM_DIR="$HOME/.nvm"
[-s "$NVM_DIR/nvm.sh"] && \."$NVM_DIR/nvm.sh"# This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
:wq 保存退出,执行 nvm 验证。
如果已经存在还是不行,就看下有没有 ~/.zshrc 文件,如果没有就用 vim 创建一个,并在其中插入下面的命令语句:
vim ~/.zshrc
添加内容:
source ~/.bash_profile
:wq 保存退出,推出终端,再次打开并执行 nvm 验证,多数应该成功了。
二.安装yarn
2.1先安装Homebrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
2.2安装yarn
brew install yarn
#查看是否安装好
yarn --version
三.开始解决问题
参考连接:针对m1 mac 用户优化hbuilder的方法,替换不协调的图标以及更换arm版本node的全过程
3.1备份Hbuilder X,防止操作失败影响搬砖
- 进入应用程序目录对Hbuilder X 压缩,如操作过程中出现问题,可以删除APP并直接解压
3.2替换图标
- 打开网站 https://macosicons.com/how-to#/,搜索HBuilder,找到喜欢的图标下载下来
- 打开 应用程序目录,点击选中Hbuilder X, 然后按下 command + i 打开简介窗口
- 拖动下载的图标到 简介窗口的图标位置,重启Hbuilder 新图标就换好了
3.3修改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
3.4替换node-sass 为 dart-sass
- 首先 终端执行
cd /Applications/HBuilderX.app/Contents/HBuilderX/plugins
,打开plugins目录 - 执行
rm -rf compile-node-sass
删除node-sass目录 - 执行
yarn add sass
, - 重启编辑器
3.5解决真机调试问题
一直没有看到用到这个功能,所以没发现,看到评论有问题,记录一下解决的过程,有其他问题可以也可以用这个方法
如发现某些功能异常,打开 hbuilder 帮助->查看运行日志,清空日志,重新操作未正常启动的功能。
查看日志,一般都是缺少一些模块的报错,如缺少在出错的插件目录下安装即可
- 在 /Applications/HBuilderX.app/Contents/HBuilderX/plugins/launcher 目录下安装 执行
yarn add archiver
- 清空plugins/launcher/tools/adbs 目录,下载arm版本adb拖动进去 或 使用brew安装adb,在hbuilder偏好设置- 运行配置- adb路径中修改 (但在活动监视器中adb进程还是会显示intel,不知为何)
- 重启编辑器
四.IOS真机测试签名生成
appleDeveloper官网 网站上操作
4.1生成Developement证书
公司已经IOS开发者账号,所以已经生成了Developement证书
在开始之前
- 选择或注册一个 Apple 开发者账号
创建证书
- 打开:
应用程序
->钥匙串访问
- 在顶部菜单中选择:钥匙串访问 > 证书助理 > 从证书颁发机构请求证书
- 填写:
电子邮件
名称
- 选择:
储存到磁盘
- 保存好并记住它的位置
- 打开并登录 Apple 开发者网站
- 在页面中点击证书: Certificates, Identifiers & Profiles. -> Certificates
- 在证书页面的子标题 Certificates 旁点击加号: 新增一个证书
创建 Apple iOS Certificates 证书
- 选择分发类型并确认
- 用与正式发布商店选择
App Store and Ad Hoc
- 用于测试、调试等选择
iOS App Development
- 你也可以选择全平台证书
Apple Development
- 用与正式发布商店选择
- 选择上传之前从保存到磁盘的
CSR
证书文件并确认 - 选择右上方的
Download
下载完整证书并保存好 - 双击打开刚下载的证书文件,并在
钥匙串访问
中找到选择它 (通过名称或邮件地址和时间确认) - 右键点击选择
导出...
- 文件格式选择
.p12
,保存时会提示设置证书密码,然后要输入电脑密码授权,最后记得保存好 - 至此,你的分发证书就创建好了。
4.2 生成测试用bundleid
4.3加入测试IOS的设备
蒲公英 | 一步快速获取 iOS 设备的UDID (pgyer.com) 先拿到自己的uuid
然后自定义命名,把设备加到测试设备中,开发签名一定要先保证设备先添加
4.4生成Profiles
1.新增
2.选择类型 这里显示的开发使用
3.选择对应的可用的证书
4.选择哪些测试设备
5.输入自定义的名字,好记好区分即可
6.点击下载到本地
五.配置Uniapp测试签名
首先4.2里生成的BundleID
证书密码是p12( 即4.1里导出的证书,安装到本机,再导出的p12文件)
设备profiles 4.4步骤里完成下载的即可完成