React-Native环境搭建(Windows)

1,522 阅读2分钟

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架。React Native 也是一个用于构建基于 Web 的交互界面的 JavaScript 库。

关于开发RN在那种操作系统上开发操作方便,我还是第一推荐MacOS,不仅因为MacOS支持XCode开发ios应用,即使是我开发Android也觉得MacOS真香。不过本文是基于Windows环境来搭建的,囧。

下面开始正文,看看RN在Windows开发环境的搭建。


1.安装node.js:

下载下来,执行安装程序,一路Next即可,安装完成默认配置了环境变量。

下载地址:nodejs.org/en/

安装完后可以使用命令行检查下,打开cmd窗口输入:node -v.会打印Node的版本,表示安装成功。

2.设置npm国内镜像

安装完Node.js,那我们可以使用npm命令了。npmJavaScript 的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。

由于npm的源在国外,所以国内用户使用起来各种不方便。所以可以配置国内的镜像提高访问速度。

cmd命令行窗口输入:npm config set registry https://registry.npm.taobao.org

执行完后,可以输入命令npm config get registry检查下配置的镜像路径是否一致。

3.安装react-native命令行工具react-native-cli

react-native-cli 是 Node.js的一个插件,可用于命令行执行React Native命令和React Native应用启动时检查服务端js文件是否更新,以及进行打包服务。

安装react-native-cli插件命令:

//默认安装最新版本
npm install -g react-native-cli
//安装指定版本
npm install -g react-native-cli@2.0.1

安装完以后同样cmd命令检查下:react-native --version

4.其他:cnpm yarn

安装淘宝cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

检查cnpm:

cnpm -v

Yarn是facebook发布的一款取代npm的包管理工具:、

安装:npm install -g yarn

查看版本:yarn --version


以上就是Windows下RN的环境配置相关内容。

如果你是MacOS环境,推荐使用Homebrew来安装 NodeWatchman。但是windows平台不需要watchman