一 :RN安装环境搭建

前言:
RN技术已经开始兴起了,感觉是时候要学了,不然怎么装逼呢😂,
虽然本人是ios的,也没接触过,只是听起过RN,但还是要尝试接触下了(≧▽≦)/
下面就开始从易到难学RN了,正所谓磨刀不误砍柴工,下面开始为大家介绍怎么用mac搭建安装RN环境吧。

1.首先安装HomeBrew

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

2.安装完之后,接着安装node

brew install node

3.安装完之后,接着安装watchman

brew install watchman

4.安装完 Node 后建议设置 npm 镜像以加速后面的过程

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

5.安装yarn

npm install -g yarn react-native-cli

6.安装完 yarn 后同理也要设置镜像源:

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

7.完成上述之后,打开xcode,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode 的命令行工具中包含一些必须的工具,比如git等。

image.png

8.命令行cd到Desktop,创建属于你的第一个项目吧

react-native init MyApp --version 0.44.3

9.启动项目(两种方法)
1.直接命令行启动

cd AwesomeProject
react-native run-ios

2.打开项目文件,选择.xcodeproj文件,选择模拟器,打开

大功告成

image.png

完成 第一步完成;
接下来就要开始写一些小项目了,加油💪

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容