加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native环境配置 for Mac

发布时间:2020-12-15 08:22:31 所属栏目:百科 来源:网络整理
导读:一、 首先安装brew 打开终端输入以下命令: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 检查是否安装完成:brew -v 二、安装node.js 终端输入:brew install node 三、React Native的命令行工具(react-na

一、 首先安装brew

打开终端输入以下命令:

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


检查是否安装完成:brew -v


二、安装node.js

终端输入:brew install node


三、React Native的命令行工具(react-native-cli)

React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

输入:npm install -g react-native-cli


四、推荐安装相关工具,方便开发

Watchman

Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。

命令:brew install watchman

Flow是一个静态的JS类型检查工具。译注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)。

命令:brew install flow

五、创建项目

react-native init 项目名称

注意:这个过程是很慢的,不要着急哟!!


最后可以测试创建的项目了,iOS就不用说了Xcode直接运行就行了,Android的直接用Android studio打开可以省去很多不必要的麻烦。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读