ReactNativeReact Native开发经验集

配置React Native的开发环境

2016-12-12  本文已影响44人  黄晓坚

1.安装Homebrew:

在MAC中打开终端工具并输入如下语句:

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

上述步骤中会提示输入管理密码然后开始下载Homebrew,如果此时网速不稳定可能会出现错误提示:curl: (35) Server aborted the SSL handshake。

此时需要执行卸载操作,输入如下命令进行卸载:

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

卸载完成后再次尝试安装。

安装完成会有以下提示:

此时可以在命令行中输入brew命令进行测试,看到如下结果说明安装成功

3  安装WatchMan

2.安装npm 和 Node.js

安装方式

brew install node

Node.js最好安装4.0及其以上更高版本,node安装成功后npm自动也就有了,直接下载安装Node.js,网址:https://nodejs.org/en/download/

3  安装WatchMan

该插件用于监控bug文件和文件变化 ,并且可以触发指定的操作

安装方式

brew install watchman

验证是否安装成功

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

sudo chown -R `whoami` /usr/local

4  安装Flow

flow是一个 JavaScript 的静态类型检查器,建议安装它,以方便找出代码中可能存在的类型错误

安装方式

brew install flow

验证是否安装成功

(注意:如果提示command not found,请加上sudo获得最高权限)

更新

如果已经安转了以上的软件,需要更新到当前最新版本。首先更新Homebrew的版本库:

brew update

更新Homebrew库的内容:

brew  upgrade

清除不再使用的资源:

brew cleanup

React Native安装

 安装React Native:

npm install -g react-native-cli

注意:如果提示root权限不够,请加上sudo获得最高权限

 sudo npm install -g react-native-cli

如此说明已安装完成。

新建项目

react-native init 项目名称

react-native init 项目名称 --version 0.38.0   //创建一个指定版本为0.38.0版本的项目

注意:项目名称不能以数字和符号开头,由于众所周知的网络原因,需要等待一段时间(具体视网络情况而定)。react-native命令行从npm官方源拖代码时会遇上麻烦,可以将npm仓库源替换为国内镜像:

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

运行iOS:

react-native run-ios

运行Android:

react-native run-android

查看本地的React Native的版本

命令行输入:

react-native --version

更新本地的React Native的版本

命令行输入

npm update -g react-native-cli

查询react-native的npm包最新版本

NPM的全称是Node Package Manager ,是一个NodeJS包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准。

npm包地址 :

https://www.npmjs.com/package/react-native

命令行查询

npm info react-native

升级或者降级npm包的版本

npm install --save react-native@0.18

更新项目templates文件(可选)

新的npm包会包含更新在运行react-native init命令生成的一些动态文件,例如init创建项目的时候会生成iOS和Android的子项目,我们可以通过以下的命令进行获取最新的代码

命令行查询

react-native upgrade

参考链接:配置ReactNative的开发环境

上一篇下一篇

猜你喜欢

热点阅读