美文网首页
MAC OS react-native 环境配置流程

MAC OS react-native 环境配置流程

作者: 深圳王思聪 | 来源:发表于2020-05-13 12:10 被阅读0次

搭建开发环境


安装

必须的软件

Homebrew

Homebrew, Mac 系统的包管理器,用于安装 NodeJS 和一些其他必需的工具软件。

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

译注:在 Max OS X 10.11(El Capitan)版本中,homebrew 在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复:

sudo chown -R `whoami` /usr/local

当上方法解决不了可以用脚本方式(http://element-ui.cn/news/show-49391.aspx

Node, Watchman

使用 Homebrew 来安装Node.js, Watchman.

React Native 目前需要 NodeJS 5.0 或更高版本。本文发布时 Homebrew 默认安装的是最新版本,一般都满足要求。

brew install node
brew install watchman

安装完 node 后建议设置 npm 镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!

# 使用nrm工具切换淘宝源
npx nrm use taobao

# 如果之后需要切换回官方源可使用 
npx nrm use npm

Yarn、React Native 的命令行工具(react-native-cli)

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn

安装完 yarn 后同理也要设置镜像源:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

如果你看到EACCES: permission denied这样的权限报错,那么请参照上文的 homebrew 译注,修复/usr/local目录的所有权:

sudo chown -R `whoami` /usr/local

CocoaPods 安装

1.查看当前Ruby版本

ruby -v

2.升级Ruby环境,首先需要安装rvm(第一步要下载一些东西等两分钟左右)

curl -L get.rvm.io | bash -s stable 

source ~/.bashrc

source ~/.bash_profile

3.查看rvm版本

rvm -v 

显示如下(或者是其他版本)

rvm 1.29.3 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io]

4.列出ruby可安装的版本信息

rvm list known

显示如下

# MRI Rubies
[ruby-]1.8.6[-p420]
[ruby-]1.8.7[-head] # security released on head
[ruby-]1.9.1[-p431]
[ruby-]1.9.2[-p330]
[ruby-]1.9.3[-p551]
[ruby-]2.0.0[-p648]
[ruby-]2.1[.10]
[ruby-]2.2[.10]
[ruby-]2.3[.7]
[ruby-]2.4[.4]
[ruby-]2.5[.1]  // 重点在这里 重点在这里 重点在这里
[ruby-]2.6[.0-preview2]   // 测试版
ruby-head
.....

5.安装一个ruby版本(这里我选择的是2.5.1版本,当然你也可以选择其他的, 建议安装最新的)

rvm install 2.5.1

6.设置为默认版本

rvm use 2.5.1 --default

7、更换源

sudo gem update --system

gem sources --remove https://rubygems.org/

gem sources --add https://gems.ruby-china.com/

8、为了验证你的Ruby镜像是并且仅是ruby-china,执行以下命令查看

gem sources -l

如果是以下结果说明正确

*** CURRENT SOURCES ***

https://gems.ruby-china.com/

9、这时候才正式开始安装CocoaPods(cocoaPods 建议安装升级最新的)

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

cocoapads 升级最新版本方式

sudo gem install cocoapods --pre

Xcode

React Native 目前需要Xcode 8.0 或更高版本。你可以通过 App Store 或是到Apple 开发者官网上下载。这一步骤会同时安装 Xcode IDE 和 Xcode 的命令行工具。

虽然一般来说命令行工具都是默认安装了,但你最好还是启动 Xcode,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode 的命令行工具中也包含一些必须的工具,比如git等。

IDE 开发 工具可选 WebStorm, Visual Studio Code

相关文章

网友评论

      本文标题:MAC OS react-native 环境配置流程

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