美文网首页
MAC OS react-native 环境配置流程

MAC OS react-native 环境配置流程

作者: 深圳王思聪 | 来源:发表于2020-05-13 12:10 被阅读0次

    搭建开发环境


    安装

    必须的软件

    Homebrew

    Homebrew, Mac 系统的包管理器,用于安装 NodeJS 和一些其他必需的工具软件。

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    译注:在 Max OS X 10.11(El Capitan)版本中,homebrew 在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复:

    sudo chown -R `whoami` /usr/local
    

    当上方法解决不了可以用脚本方式(http://element-ui.cn/news/show-49391.aspx

    Node, Watchman

    使用 Homebrew 来安装Node.js, Watchman.

    React Native 目前需要 NodeJS 5.0 或更高版本。本文发布时 Homebrew 默认安装的是最新版本,一般都满足要求。

    brew install node
    brew install watchman
    

    安装完 node 后建议设置 npm 镜像以加速后面的过程(或使用科学上网工具)。注意:不要使用 cnpm!cnpm 安装的模块路径比较奇怪,packager 不能正常识别!

    # 使用nrm工具切换淘宝源
    npx nrm use taobao
    
    # 如果之后需要切换回官方源可使用 
    npx nrm use npm
    

    Yarn、React Native 的命令行工具(react-native-cli)

    Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    npm install -g yarn
    

    安装完 yarn 后同理也要设置镜像源:

    yarn config set registry https://registry.npm.taobao.org --global
    yarn config set disturl https://npm.taobao.org/dist --global
    

    如果你看到EACCES: permission denied这样的权限报错,那么请参照上文的 homebrew 译注,修复/usr/local目录的所有权:

    sudo chown -R `whoami` /usr/local
    

    CocoaPods 安装

    1.查看当前Ruby版本

    ruby -v
    

    2.升级Ruby环境,首先需要安装rvm(第一步要下载一些东西等两分钟左右)

    curl -L get.rvm.io | bash -s stable 
    
    source ~/.bashrc
    
    source ~/.bash_profile
    

    3.查看rvm版本

    rvm -v 
    

    显示如下(或者是其他版本)

    rvm 1.29.3 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io]
    
    

    4.列出ruby可安装的版本信息

    rvm list known
    

    显示如下

    # MRI Rubies
    [ruby-]1.8.6[-p420]
    [ruby-]1.8.7[-head] # security released on head
    [ruby-]1.9.1[-p431]
    [ruby-]1.9.2[-p330]
    [ruby-]1.9.3[-p551]
    [ruby-]2.0.0[-p648]
    [ruby-]2.1[.10]
    [ruby-]2.2[.10]
    [ruby-]2.3[.7]
    [ruby-]2.4[.4]
    [ruby-]2.5[.1]  // 重点在这里 重点在这里 重点在这里
    [ruby-]2.6[.0-preview2]   // 测试版
    ruby-head
    .....
    

    5.安装一个ruby版本(这里我选择的是2.5.1版本,当然你也可以选择其他的, 建议安装最新的)

    rvm install 2.5.1
    

    6.设置为默认版本

    rvm use 2.5.1 --default
    

    7、更换源

    sudo gem update --system
    
    gem sources --remove https://rubygems.org/
    
    gem sources --add https://gems.ruby-china.com/
    

    8、为了验证你的Ruby镜像是并且仅是ruby-china,执行以下命令查看

    gem sources -l
    

    如果是以下结果说明正确

    *** CURRENT SOURCES ***
    
    https://gems.ruby-china.com/
    

    9、这时候才正式开始安装CocoaPods(cocoaPods 建议安装升级最新的)

    sudo gem install -n /usr/local/bin cocoapods
    

    cocoapads 升级最新版本方式

    sudo gem install cocoapods --pre

    Xcode

    React Native 目前需要Xcode 8.0 或更高版本。你可以通过 App Store 或是到Apple 开发者官网上下载。这一步骤会同时安装 Xcode IDE 和 Xcode 的命令行工具。

    虽然一般来说命令行工具都是默认安装了,但你最好还是启动 Xcode,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode 的命令行工具中也包含一些必须的工具,比如git等。

    IDE 开发 工具可选 WebStorm, Visual Studio Code

    相关文章

      网友评论

          本文标题:MAC OS react-native 环境配置流程

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