ReactNative 搭建开发环境

2018-07-12  本文已影响12人  小千

ReactNative • 官网中文网
开发平台:MacOS


必须安装

1、安装 Homebrew

Homebrew 简称 brew,是 mac osx 上的软件包管理工具,能在 mac 中方便的安装软件或卸载软件。

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

2、安装 nvm

nvm,是用于node.js版本管理的工具,用于安装node.js开发环境。

brew install nvm

3、安装 node 并配置 npm 镜像源

node.js ,是一个基于 Chrome v8 引擎的 js 运行环境,node.js 的包管理工具 npm,是全球最大的开源生态系统 。

nvm ls-remote
nvm install <version> 
(不指定版本,安装最新的:nvm install node)

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

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

安装 node 的补充:

如果之前通过 brew install node 方式安装过 node ,那么需要先删除系统中存在的 node

brew remove --force node
sudo rm -r /usr/local/lib/node_modules

brew prune
sudo rm -r /usr/local/include/node

检查brew是否正常

brew doctor

4、安装 yarn 和 react-native-cli

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

npm install -g yarn react-native-cli

配置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

选择安装

5、安装 watchman 和 flow(推荐安装)

watchman 是由 facebook 提供的见识文件系统变更的工具,安装此工具可以提高开发的性能(packager可以快读捕捉文件变化从而实现实时刷新)

brew install watchman

flow,是一个静态的js类型检查工具,译注:你在很多示例中看到的奇怪的冒号问好,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法,这一语法不属于es标准,知识facebook自家的代码规范。

brew install flow
上一篇 下一篇

猜你喜欢

热点阅读