美文网首页
IOS React Native 开发环境搭建

IOS React Native 开发环境搭建

作者: 虫子吃饱了 | 来源:发表于2016-10-14 10:33 被阅读0次

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即可

加入插件 补全效果

相关文章

网友评论

      本文标题:IOS React Native 开发环境搭建

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