IOS React Native 开发环境搭建

IOS React Native 开发环境搭建

安装

1.安装HomeBrew ,Mac上的包管理工具

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
如果遇到权限问题执行一下命令
sudo chown -R \whoami` /usr/local`

2.安装NodeJS

brew install node

3.安装react Native命令行工具

npm install -g react-native-cli
若遇到权限问题执行一下命令:
sudo chown -R \whoami` /usr/local`

4.安装Xcode

通过appstore安装就可以了(安装最新版即可)

5.测试安装

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

在初始化的时候速度比较慢,如何加快初始化速度可以参考以下博客:
mac下加快react Native init 的方法

6.修改项目

使用喜欢的编辑器打开index.ios.js修改代码即可,修改完成后在模拟器中点击⌘-R即可

编辑器推荐

webStorm

比较智能安装插件后能够提供自动补全
自动补全插件地址github
可使用git命令拷贝下来
cd path path为你想要保存此文件的地址
git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
打开webstorm File->import Settings...打开文件中的ReactNative.jar,重启webStrom即可

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

推荐阅读更多精彩内容