Mac 开发环境搭建

安装准备

VMware Workstation Pro v15.0.0 Unlocker v3.0.0 MacOS Mojave 10.14

安装 VMware

安装VMware Workstation Pro

关闭VMware ,打开任务管理器,并找到后台进程,右键-结束所有VMware的进程

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEeUtWxYpZ9ORZC.9k1hJ*ECSmyMfVB5*WeltIC60rhgwPhzbcHB.Lz5BXAIVYyigLQ!!/b&bo=qAJYAgAAAAADB9I!

找到解锁工具,右键-以管理员身份运行win-install.cmd,脚本运行完毕会自动关闭

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEanCY2CAOiwJ2ZCk6HFJ9LLxDknN.HKo12zf4pnMbLS9tLrRcS8g.ttxKwD7QGWSEA!!/b&bo=gwICAgAAAAADB6M!

创建虚拟机

打开VMware,创建新的虚拟机,这次我选择“典型”

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEVmG8LZpzSfWvrplWcTpzOLgaQdV4ZhC8ZMTpQ1DJ6rNaJJfKh4gYnh0N62Yjqpy8Q!!/b&bo=OgInAgAAAAADBz8!

安装来源是macOS Mojave 10.14懒人版文件,注意浏览的时候文件类型要选择所有文件

系统类型是MAC OS 10.14,如果没有以上的解锁操作,选项里是没有MAC OS可选的

由于安装后系统文件会很大,我们要把默认的位置换成c盘以外的位置

安装 MacOS

以下的几步默认即可,如果后续觉得配置不够,可以自行调整,配置完毕,不要急着打开虚拟机,找到刚才虚拟机系统文件路径下的macOS 10.14.vmx,用记事本打开,在 smc.present = “TRUE” 后添加(smc.version = “0”)(建议您复制,不包括括号) 后保存

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEb*gpeyyKvpAfhiL9O4du05qLM48ta8hHwFA3ICmzSUicB3ONqXfIHS0qSkwz9nl1A!!/b&bo=jwHEAAAAAAADB2g! https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEe74.4vjqZRm3OM7rMm.WnEjiiKTXaHykARlA0s2pl.tzmr9lqOzbKdYU*2mKKus2Q!!/b&bo=QgGFAAAAAAADB.Q!

打开虚拟机,等待进度条加载完毕

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcETn0sAvnREerN2P6WxETk8cJoQxnAJjFxv311J1NhcXPlOIQ3lgl*K4uu824E2cD4g!!/b&bo=AAQAAwAAAAADByU!

语言选择简体中文,同意条款,继续安装

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEfZHnkMXI*kRB8n4kJ2kPBSOtJuECiGdMioYt8Y*1uZ0xfDGTvLtTnp*DC*LQxuIig!!/b&bo=AAQAAwAAAAADByU!

到这一步点击上方“实用工具”里的磁盘工具

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEWV5sScZVMwYRVaf5DgkBKwJ2FgKG6fstO26*7kGxEKnzWC0AS5C8Cw5YGYHsSBUHQ!!/b&bo=AAQAAwAAAAADByU!

单击左侧的vmware虚拟硬盘,然后找到上方的“编辑”-“抹掉”,名称随便

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEcAYvx5RKsz8JX.rt3R*K2.6evJiY2q.tqZ9R.54r696CP46bIzUgMVr*iZMkXzKBg!!/b&bo=AAQAAwAAAAADByU!

关闭磁盘工具,右侧会多出我们刚才分出来的一个磁盘,选择这个磁盘并继续 待安装完成,国家选择中国,键盘选择简体中文,不传输信息,apple id稍后设置,创建用户名和密码

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEScpQSsiDXyXAcDOT3xo*5ieVt08VoUrS7dq2n*DRYpk.oUaoMWnLsiNRGKaHJ1zbg!!/b&bo=AAQAAwAAAAADByU!

联网

右键我的电脑,点击“管理”,找到“服务”项

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEVGRFpzCIplGi84txTA4wuPuKQkILJzMdnn2jIrjSvXnlbwVQQ76z.c0CduiweJVVA!!/b&bo=BwQJAwAAAAADBys!

查看服务中的VMWare NAT Sevise以及VMnetDHCP服务是否启动,如果没启动,启动即可

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEZH8f5BHn0hPpsrj2OmYTf7ANnLGD6.eUVcygH9uQurPweBA3zyy0Xd1rS8UKscsEw!!/b&bo=sgJcAQAAAAADB88!

安装 vmware tools

全部设置完毕即可进入系统,首先推出安装磁盘,然后在vmware上方“虚拟机”选择安装vmware tools,安装完vmware tools重启系统即可实现全屏和文件共享功能(如果提示系统扩展被阻挡,请在偏好设置—安全与隐私中选择允许再次安装

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEar5HefPbuwyrz4Sn71zv4uOvg3dcptHGBcpSVdeefxVDi629lTIz6tHor943awctw!!/b&bo=sgJZAQAAAAADB8o!

与主机共享文件

点击设置,选中虚拟机设置中的选项–共享文件夹,把右侧总是启用勾上

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEcUNpZKUQXH5vgJ7xpYbIlQ04pq5leTehEkGDjkcMX8Hwl5ukb.oKO8y.LXsTHpK3g!!/b&bo=PANmAgAAAAADB3k!

进入mac系统,然后打开顶部的finder,选择偏好设置。在finder偏好设置窗口选在边栏,找到设备里面的XX的mac

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEWMbpxCa*rIWBrClsHJtlC70KxVf1xo0PrW4LzEwcqsfoYitS9UMJmNknvDNlAxxsA!!/b&bo=wwECAQAAAAADB.M!

关闭finder偏好设置窗口,打开finder,在左侧找到设备下的 xx的mac并点击。在右侧中找到 VMware shared folders(这个就是与主机共享文件存放的地方)

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEckflsjEu9*rthyU0YBBkbr.aVQRJDSpLswAYWgM4G96d5IZXmOoDIaUiATTtlWU8w!!/b&bo=NwKtAQAAAAADB7s!

Homebrew

Command Line Tools 选择

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEWlAvWazHO.F6Zzrezf1pIinFItZKWduU1WnWBKuyIfYjzjCgb2cva9mkMNnxpMJHA!!/b&bo=RwY4BAAAAAADB18!

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
# 安装
xcode-select --install

# 国外镜像
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

# 中国镜像
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

# 更换清华大学镜像源
cd "$(brew --repo)"
git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git
cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git
brew update

# 安装 nodejs
brew install node
brew install watchman

# 安装 yarn
brew install yarn

React Native 开发环境

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
# 中国镜像
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

# 脚手架
yarn global add react-native-cli

# 初始化项目
react-native init MyApp --version 0.44.3

cd MyApp
react-native run-ios

虚拟机扩容

虚拟机—>设置—>硬盘

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcETMsMYmnA0KzUnuPI6IHdBtANf5*.PuF7YaXNB2z6SNNas5PEqg6Wu1nb8CWNxu24w!!/b&bo=ZQOpAgAAAAADB.8!

打开之后,界面如下图,修改“最大硬盘大小”即可(这里的最大硬盘大小是包括之前的硬盘大小),修改完成后点击扩展即可

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEXlvBOgEDtt7f8yacRaOTB.Qm0uTOWVHEvuGqnEsTsKh3Pm7oi78Y3fjDdk0*ZVsOg!!/b&bo=BATrAgAAAAADB8s!

开启虚拟机,打开“磁盘工具”(Finder—>应用程序—>实用工具或者可以通过Launchpad查找),选择“分区”,如下图,修改"大小",然后点击应用,等待分区完成即可

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEWEh.YCHIfRXcLvhSjMduhzQqRlpIBjerm4QJPCID0IBdI4XttcZXaPCZ3keMmwu8A!!/b&bo=JgJeAQAAAAADB1k!

hosts

打开终端(应用程序——实用工具),运行:

1
2
3
sudo vi /etc/hosts

0.0.0.0 account.jetbrains.com

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcERzevj27XH4PWrM*aZJyTQ.B4mUWIBVtz79AzLQK7jyN*yRd0ks5.4LO9BNgZZI7Ww!!/b&bo=JgJeAQAAAAADB1k!

屏幕上会提示你输入密码(输入密码的时候不会有任何字符显示,甚至*都不会显示,输完之后按回车就是了),打开 hosts 文件之后按 i 键进入插入模式(可理解为编辑模式,如下图所示,会有「INSERT 」提示,即可插入编辑的意思),然后按照你的需要对该文件进行编辑,编辑完成之后按 ESC 键退出插入模式,之后按「 :wq+回车」保存退出,记得英文的冒号也是要输入的哦。

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEUf9k9ijJsmO5A.l3yZb0CUZGe7ld209*7RU9LszTQzSL9TyQNFWFEpfIDyC5SdfYQ!!/b&bo=awM9AQAAAAADB3Y!

WebStorm 重置配置

关闭WebStorm

1
2
3
4
5
6
cd ~/Library/Preferences/

rm -rf WebStorm2018.3
# WebStormXX 根据版本定。查看该文件夹全拼的办法。

ls | grep -i WebStorm

找到该文件夹的名字后执行第三步操作。完成之后重启 webstorm。所有的配置全部还原了。

Quasar IOS 打包步骤

准备

  • 在 window 端将 Quasar 项目代码上传 git

  • 进入 mac 端,在 WWW 文件夹下打开 cmd,运行如下命令

1
sh ok.sh

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEUsplWg2rBiSqPyyAggHyvsW455YRekx6rFlVeLTSabg7HzYBEXXfRYrp3BdwT52*Q!!/b&bo=QwPyAAAAAAADB5A!

  • 选择项目编号并选择操作

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEU0QT3DccDlG7xJkR*JPcEI.OKIO2HvG2b*JAV2STLMVWX5UBxNtmNYJLYPANfeoCA!!/b&bo=LQIsAQAAAAADByA!

编译

  • 等待项目自动构建,构建完再次sh ok.sh并选择操作2: 用 Xcode 打开文件夹,进如项目后首先将Automatically manage signing选项取消选择,再勾选
  • 然后选择 Team

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEfBgRYObOVVVLMvcLWXQEInhSOosJpLVDKbrxo*8cBNAyEnRThvjrUlnbZzsO68*Sw!!/b&bo=YwO.AgAAAAADB*4!

打包

  • 选择IOS simulators点击Generic IOS Device

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEXPjn1CMSNkCoaPeTJJQOKQAtzxoc9qTJXbmXBJTD3JIUqT*HgeeGucB*4qABtq0Ng!!/b&bo=dAWSAwAAAAADB8I!

  • 点击三星彩,选择Edit Scheme

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEefCv8P.FRqGLY7sdvISWAkDrnaUbuAevsKoSreMS3nx.JdKbZIkTTpub6IHjJ0wzA!!/b&bo=cAV4AwAAAAADByw!

  • 修改Build ConfigurationRelease

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEaeDJc2nkiAT4RJfnvgVEvULuj.uFIKi1Xj1To6jV4*VY9xlXUTvKMwY.FcBKX4iPA!!/b&bo=bAWRAwAAAAADB9k!

  • 选择菜单栏Archive,开始构建IPA

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcESUPk5KjGvC9fAqQPNMNs0XFPhjDzrjTjjRqamLvkLJbK2PdtAcy3BQGf4kTPpM8Qg!!/b&bo=bAWQAwAAAAADB9g!

导出

  • 点击Distribute App

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEYYVGMjZ.fpVMcokg90ckvcgbgQwFG0QR51OtLSuKXTsRPjk935Nso.0FU33Kg.E5w!!/b&bo=dQWGAwAAAAADB9c!

  • 选择Development

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEb6Ew9jzreAPBltjmnPViIFj.hPkR2olDR2R*i1O4wW*UQ*AIduof0wH7hb7XtOOJg!!/b&bo=JQQDAgAAAAADBwI!

  • 下一步

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcESjJFd0WEQ8wJ*a3kDhXLNUsaF118LSlvAcD9Dj9a2wwEtx2hEAJFrassGa5Z2GDnQ!!/b&bo=LgQhAgAAAAADBys!

  • 下一步

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEVwVQfV.u36U3*Jer*96WyBdy49tSbp2aHUapUVWarOu5l9kGDy6DN0chGaLIaf3pA!!/b&bo=MQQbAgAAAAADBw4!

  • 点击Export

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEQh2wy2HBT5mTfRg5ymaYhGWJrF5Nv1tEAoT.AZ7C1BsTQPlDAzkRgH.KJQmfr4wwQ!!/b&bo=NgQoAgAAAAADBzo!

  • 选择导出的文件夹,默认桌面

https://m.qpic.cn/psc?/V1226D1P42CmYS/6kn4m5LtEGRVFjQprFKcEWFApkOw9cUv.47NGN5zDZ9XzkL5WiGpiVMen2mA3u7Wnm4hfvKHOGRoSP75ukQi2Q!!/b&bo=LAQlAgAAAAADBy0!