Date:2016-02-21
工欲善其事,必先利其器。整个示例代码都是以Mac OS X系统为基础的;
$ node -v => v5.1.1
$ react-native cli -v => react-native-cli: 0.1.10
=> react-native: 0.20.0
推荐使用 nvm 管理你的 Node.js 版本
$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.0/install.sh | bash
$ source ~/.nvm/nvm.sh
$ nvm install 5.1.1
$ nvm use 5.1.1
常用 nvm 命令
$ nvm use <version> // 切换版本
$ nvm ls-remote // 查看远程 Node.js 的版本
$ nvm ls // 查看本地安装的 Node.js 的版本
在安装 react-native 之前,需要确保 Node.js 已经安装且在环境变量中;需要确保 Xcode 已经安装且最好是7.1 或者更高版本
$ brew install watchman
$ brew install flow
$ npm install -g react-native-cli // -g 表示全局安装
注:如果安装不成功或者很慢,是因为react-native命令是从npm官网源安装,我们可以改用淘宝镜像源来安装
$ npm config set registry https://registry.npm.taobao.org
$ npm config set disturl https://npm.taobao.org/dist
或者如果你已经安装cnpm:
// 在 /usr/local/lib/node_modules/react-cli/index.js中找到下面一行代码
run('npm install --save react-bative', function(e) {
修改为
run('cnpm install --save react-bative', function(e) {
改用 cnpm 重新安装 react-native-cli,你会发现是如此的快...
$ cnpm install -g react-native-cli // -g 表示全局安装
$ brew -v => Homebrew 0.9.5
$ npm -v => 3.3.12
$ cnpm -b => 3.3.12
$ node -v => v5.1.1
$ nvm --version => 0.17.3
$ react-native cli -v => react-native-cli: 0.1.10
=> react-native: 0.20.0
$ git clone git@github.com:chenbin92/React-native-example.git
$ cd React-native-example
使用 npm
安装项目的依赖: npm
$ npm install
node_modules
- contains the npm packages for the tools we need $ npm start
$ react-native run-ios
ip
地址,如 jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.101:8081/index.ios.bundle"];
commond + D
即可在升级之前,我们可以运行 npm infi react-native
查看react-native的版本信息:
$ npm update -g react-native-cli // 更新本地 react-native-cli的版本
$ npm install --save react-native@0.20 // @后面跟需要升级的版本号
$ react-native upgrade
$ npm install --save react-native@0.18 // @后面跟需要升级的版本号
$ react-native upgrade