距离这篇博客 ReactNative: react-native init 到底做了什么, 已好久没有更新关于 RN 的东西了.
前两天有私信问我, 关于如何搭建 RN 开发环境?
进入开发界以来, 我们总是在不断地学习不断地向前发展.
学习新的东西, 总是需要搭建各种各样的开发环境.
搭建环境是锻炼和磨练一个人的开始, 所以,你要有耐心, 要坚持.
遇到困难, 看官方文档, 找 google 老师.
上面是我个人的唠叨~勿喷.
关于 RN 环境搭建, 官网 说的很详细, 有 windows|mac|linux 的.
总体来说, mac 上搭建 RN 环境还是很简单的.
大家还是自己动手去玩耍一把吧!
这篇博客会跟随 RN 的发展去迭代更新.
常用工具
- homebrew
- buck 构建工具
- nvm (Node Version Manager)
- node 版本管理
- npm (Node Package Manager)
- node 包管理
- react-native-cli
- 用来开发React Native的命令行工具
- flow
- watchman
- Atom + nuclide
常用操作
- 查看 react native 和 react-native-cli 版本
- react-native –version
- 安装 react-native-cli
- npm install -g react-native-cli
- 或者 sudo npm install -g react-native-cli
- 更新 react-native-cli
- npm update -g react-native-cli
- 更新 React
- cd 项目根目录
- 修改 package.json, 修改 react 的版本号
- 执行 npm install
- 升级项目的 react-native 版本
- cd 工程根目录
- 查看当前版本: react-native –version
- 查看最新版本: npm info react-native
- 安装指定版本: npm install –save react-native@0.32.0
- 升级项目templates: react-native upgrade
常见问题
一. 版本升级
1.工程升级 ReactNative
比如升级工程的 RN 版本到0.32.0, 执行
npm install –save react-native@0.32.0
会提示你 react 版本和 reactnative 版本不对应, 一般官网有 Release 声明, 可以自行翻阅.
安装对应的 React 版本即可.
安装步骤如下:
1.修改工程下的 package.json, 修改 react 版本号为15.3.0(对应 rn0.32.0)
2.安装 react, npm install
3.升级 rn, npm install –save react-native@0.32.0
4.升级工程模板, react-native upgrade