美文网首页
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