美文网首页
一 :RN安装环境搭建

一 :RN安装环境搭建

作者: Mr姜饼 | 来源:发表于2019-08-01 17:56 被阅读0次

前言:
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

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

相关文章

网友评论

      本文标题:一 :RN安装环境搭建

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