开始react-native的学习之旅(IOS)

Posted 2021-04-18 彼兮

react-native ios环境搭建

1,为了简便安装,可以先安装homebrew,安装方法百度(非必需),

2,安装nodejs,官网下载,直接安装,不用配置,默认的node包管理工具npm也一并安装了(使用homebrew:brew install node)

3,安装react-native-cli:sudo npm install -g react-native-cli

至此,OSX上的iOS开发环境配置完毕

4,IDE选择,建议使用webstorm,易上手,便于大项目管理,也可以使用sublime text,但需要安装一堆插件

开始第一个RN项目

1,打开终端,cd到你想放置项目的目录:react-native init 项目名字

2,依赖包下载完成之后,cd到项目目录下,执行:react-native run-ios,会自动另外打开一个终端,启动服务,保持这个窗口

(也可以直接转到ios目录下,使用Xcode打开工程文件,然后运行,也会自动打开一个终端,开启服务,保持这个窗口不要关闭)

此时如果安装了Xcode command line tool,会自动打开模拟器,并安装运行应用

3,修改index-ios.js文件,在模拟器界面使用快捷键cmd+r刷新,即可看到修改后的效果