美文网首页
ReactNative环境搭建(mac)

ReactNative环境搭建(mac)

作者: 美得冒泡的姗迪 | 来源:发表于2016-08-04 16:51 被阅读0次

1.环境
利用homebrew来安装:
(1)安装homebrew ,见homebrew安装
(2)安装nvm

      mkdir ~/.nvm
      export NVM_DIR="$HOME/.nvm"
        . "$(brew --prefix nvm)/nvm.sh"

(3)安装nodnvm

      nvm  install node && nvm alias default node

(4)安装watchman
监视文件并且记录文件的改动情况

        brew install watchman

(5)安装flow
针对JavaScript的静态类型检查工具

        brew install flow
        brew update && brew upgrade 随时同步各个软件的最新版本

(6)npm
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题
http://www.runoob.com/nodejs/nodejs-npm.html
(7)rn初始化程序

     react-native init AwesomeProject  #AwesomeProject是官网下的工程
     很慢的解决方案
     http://www.jianshu.com/p/62242e424bae

(8)运行

      cd  $HOME/AwesomeProject
      react-native run-ios

2.本司rn工程
(1)设置git

    cd ~/.ssh #没有该目录需要创建
    $ ssh-keygen -t rsa -C "email"
    # 打开git服务器 
    # 操作 addSSHKey
    # 将id_rsa.pub文件中的内容添加到开到的网址
    $ ssh -T git@github.com 测试是否成功

(2)rn工程
软件:Atom / WebStorm(需要下破解版)

     git      clone   git工程地址
     npm start    #运行rn工程,占用端口8081 如何启动2个rn 因为端口占用问题

(3)oc工程运行需要安装
xcode command line tools: xcode-select --install
升级ruby,因为pod需要依赖ruby2.2+:
参考:http://www.07net01.com/2015/09/933234.html

         curl -L get.rvm.io | bash -s stable   #先安rvm
         echo "source ~/.profile" >> ~/.bash_profile
         source ~/.rvm/scripts/rvm   
         rvm list known #列出可用ruby版本
         rvm -v   #当前版本
         rvm install 2.2     
         安装pod:sudo gem install cocoapods
         切到OC工程目录下:
         pod install   #pod是一个包管理工具,lock进行版本管理
         pod update
         xcode点击xcworkspace来load工程

(4)run
npm start 启动rn工程
启动后可以浏览器访问:
http://localhost:8081/index.ios.bundle?platform=ios
xcode 启动oc工程
运行成功,可以点点点了

学习过程发现他们用submodule来管理公共代码库,稍后学习一下:
git submodule update --init

3.遇到问题

相关文章

网友评论

      本文标题:ReactNative环境搭建(mac)

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