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
镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用 cnpm
! cnpm
安装的模块路径比较奇怪, 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