美文网首页
React Native 开发环境搭建(不翻墙)

React Native 开发环境搭建(不翻墙)

作者: Mob_Developer | 来源:发表于2020-09-15 21:58 被阅读0次

在开发中,可能最头痛的问题之一就是国外资源被限制,load半天load一个秃顶。虽然代理大法好,什么时候资源被墙或者没有被墙始终是一个困扰人的问题。公司配了新电脑,刚好有机会配置全新的环境,突发奇想,如果不搭梯子,能不能把开发环境搭好?也算一个小小的知识点梳理吧。

安装Android Studio

  • Unable to access Android SDK add-on list
    1. 通过ping.chinaz.com查找dl.google.comdl-ssl.google.com对应的ip地址。
    2. 修改 hosts 文件,将上面查到的IP地址和域名添加到 hosts 文件中。
    3. 继续Android Studio 安装

安装homebrew

  • curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused

    1. 通过chinaz查找最快的响应ip
    2. 修改 hosts
  • 安装 homebrew很慢

    1. 将官方提供的 install.sh(我的写文章的时候地址为:https://raw.githubusercontent.com/Homebrew/install/master/install.sh) 的地址粘贴到浏览器,复制浏览器里加载的脚本内容,拷贝到自己创建的 install.sh
    2. 打开清华大学开源镜像站 ,根据说明,修改自己的install.sh文件,运行这个文件。

    在安装 homebrew-core时,下载遇到了一些问题。我通过自己创建以下目录 /usr/local/Homebrew/Library/Taps/homebrew,然后手动执行git clone https://mirrors.ustc.edu.cn/homebrew-core.git命令,才完成了home-brew的完整安装。

安装 nvmnode

nvmnode version manager的简称,即『node版本管理器』。可以方便在不同版本的node间随意切换。

brew install nvm

nvm 在github上已经明确说了他们不支持brew。因此在执行完以上命令后,还需要继续执行以下操作:
确保有 ~/.nvm文件夹, 如果没有自行创建 mkdir ~/.nvm
在系统环境变量中设置 nvm 的路径。 我用的 zsh ,所以配置在 ~/.zshrc 文件中
配置内容如下:

export NVM_DIR="$HOME/.nvm"
  [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion 

我比较习惯用yarn来安装npm依赖库,但是在执行brew install yarn的时候,会在中途卡住,下载不了。看了下载路径,与homebrew-bottles有关。所以也需要配置

安装node

nvm install 12.18.3

安装nrm(npm registry manager)

React Native开发中,需要引入大量的npm依赖库,npm 默认的下载源是https://registry.npmjs.org/,在国内访问比较慢,所以需要切换到国内的下载源,来提升速度。 nrm 就是用来快速切换下载源的。

安装 rvm(ruby version manager)和ruby

目前新的 mac 系统默认安装了 ruby-2.6.3 ,是比较新的了。就不需要再继续看这个段落了。

在写这篇文章时,我用的新mac,安装 rvm 需要安装 gpg ,虽然文档让用 gpg2,但是其实是等价的。

在iOS 开发中,一般会把cocoapods作为依赖库管理工具。cocoapods依赖ruby环境。在之前Mac默认安装的 ruby 版本较低,国内访问受限,所以都会考虑使用 rvm安装新版本的ruby。但是在我的新 mac 上已经默认安装了 ruby-2.6.3。

brew install gpg
gpg --keyserver hkp://pool.sks-keyservers.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB
\curl -sSL https://get.rvm.io | bash -s stable
rvm list known
rvm install 2.7

安装Cocoapods

官网文档给出的安装命令为sudo gem instal cocoapods。但是实际中不建议这么做。因为Mac的权限问题,后面可能会带来一些不必要的麻烦。更好的做法是执行:

sudo gem install -n /usr/local/bin cocoapods

因为 默认的ruby下载源受限,所以在执行以上安装命令前,先切换下到国内的ruby 源,提升下载速度。

以上操作能够顺利的安装cocoapods,但是还没有完。我们还需要将CocoaPods-Specsclone到 $HOME/.cocoapods/repos/master 目录下面。这个文件超多,有1个多G,直接从github 拉取比较慢。虽然清华大学镜像站提供了镜像服务,但是在使用的时候,都不太理想。所以建议从码云极速下载clone.

cd $HOME/.cocoapods/repos
git clone https://gitee.com/mirrors/CocoaPods-Specs.git master

下载完成后在 Podfile 中指定 source 'https://gitee.com/mirrors/CocoaPods-Specs.git master'

pod install 卡在git clone ...

虽然上面的事情已经折腾了一大堆了,但是到了这一步,依然是卡到怀疑人生。
我试过修改 hosts,也想过手动去拉取相应的分支,但是cocoapods 是拉取到一个地方,之后再 复制到 $HOME/Library/Caches/CocoaPods/Pods 中去的。手动的方式的可行性很小。

时间问题,就写到这里,如果有人有解决方案,请多指教。

使用代理

如果没有特殊的情况,珍爱生命,还是老老实实用代理吧。代理没什么好说的,唯一一点,中断是默认是不走代理的,即使代理开了全局模式。要想中端走代理,推荐 Proxifier 这个软件。

这里遇到了这么一个问题:unable to lookup item 'Path' in SDK 'iphoneos'。解决方案,执行以下命令:

sudo xcode-select --switch /Applications/Xcode.app

搞定!!!

我是一名移动软件开发工程师,从事iOS/Android/React Native/Uniapp软件开发。欢迎骚扰,我的微信:hungryt。

相关文章

网友评论

      本文标题:React Native 开发环境搭建(不翻墙)

      本文链接:https://www.haomeiwen.com/subject/gtjqyktx.html