React Native快速上手

Posted xiangzhihong8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native快速上手相关的知识,希望对你有一定的参考价值。

工欲善其事,必先利其器。搭建React Native开发环境,需要安装以下辅助工具。

  • Node.js:React Native需要借助Node.js来创建和运行javascript代码。
  • 原生开发工具及环境:React Native的运行需要依赖原生androidios环境,因此需要分别安装原生Android和iOS的开发环境。
  • 其他开发工具:代码编辑器Visual Studio Code或WebStorm,远程调试具Chrome浏览器等。

一、基础环境

1.1 安装Node.js

首先,我们需要安装Homebrew,Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能,Homebrew的安装命令如下:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装完Homebrew之后,接下来就是安装Node 、Watchman和 Yarn等必须的工具。

brew install node
brew install watchman
# 使用nrm工具切换淘宝源
npx nrm use taobao

npm install -g yarn

需要注意的是,如果还在使用旧版本React Native工具(0.60.0版本以下),为了避免冲突,请使用下面的命令先卸载。
npm uninstall -g react-native-cli

以上是关于React Native快速上手的主要内容,如果未能解决你的问题,请参考以下文章

快速上手React:

无废话快速上手React路由

无废话快速上手React路由

React:快速上手——组件通信

快速上手react-bootstrap

React:快速上手——列表渲染