美文网首页
Mac搭建React Native开发环境

Mac搭建React Native开发环境

作者: 李菜菜同学 | 来源:发表于2019-12-16 15:17 被阅读0次

一、搭建开发环境步骤

1.Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。

命令如下:

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

图示

2.使用Homebrew来安装Node.js

命令如下:

brew install node

注意:如果电脑上已经安装过node,则需要更新一下,更新命令如下:

Brew upgrade node

图2

3.安装完node后设置npm镜像以加速后面的过程。此处使用淘宝镜像

命令如下:

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

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

图示

4.Yarn、React Native的命令行工具(react-native-cli),可以加速node模块的下载,用于执行创建、初始化、更新项目、运行打包服务(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

图示

以上即搭建完。

二、测试

1.创建MyApp项目

react-native init MyApp

2.进入创建的项目的路径

cd /Users/Vcom/MyApp

3.手动打开ios工程文件,在MyApp里的ios工程文件

4.如果想要打开模拟器,即

react-native run-ios

注意:运行时报错,说没有安装xcode命令行工具,此时只需要进入xcode--preference--location设置选中即可。

图示

三、推荐安装

下方的工具属于推荐安装,开发的时候必须安装,测试编译的时候可装可不装。

1.Watchman

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。译注:此工具官方虽然是推荐安装,但在实践中,我们认为此工具是必须安装,否则可能无法正常开发。

命令如下:

brew install watchman

图示

2.Flow

Flow是一个静态的JS类型检查工具。译注:很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。

命令如下:

brew install flow

图示

四、搭建React Native环境原网址

https://reactnative.cn/docs/0.51/getting-started.html

相关文章

网友评论

      本文标题:Mac搭建React Native开发环境

      本文链接:https://www.haomeiwen.com/subject/rbqdnctx.html