美文网首页
React Native之环境搭建

React Native之环境搭建

作者: Kris_Ni | 来源:发表于2019-08-22 15:02 被阅读0次

    参考网址
    https://reactnative.cn/

    1.安装Homebrew

    Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。

    安装:
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    
    卸载
    $ cd `brew --prefix`
    $ rm -rf Cellar
    $ brew prune
    $ rm `git ls-files`
    $ rm -r Library/Homebrew Library/Aliases Library/Formula Library/Contributions
    $ rm -rf .git
    $ rm -rf ~/Library/Caches/Homebrew
    

    在国内的网络环境下使用 Homebrew 安装软件的过程中可能会长时间卡在 Updating Homebrew 这个步骤,解决方案:
    (1) 按住 control + c 取消本次更新操作
    (2) 使用 Alibaba 的 Homebrew 镜像源进行加速

    • 替换 / 还原 brew.git 仓库地址
    # 替换成阿里巴巴的 brew.git 仓库地址:
    cd "$(brew --repo)"
    git remote set-url origin https://mirrors.aliyun.com/homebrew/brew.git
    
    # 还原为官方提供的 brew.git 仓库地址
    cd "$(brew --repo)"
    git remote set-url origin https://github.com/Homebrew/brew.git
    
    • 替换 / 还原 homebrew-core.git 仓库地址
    # 替换成阿里巴巴的 homebrew-core.git 仓库地址:
    cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
    git remote set-url origin https://mirrors.aliyun.com/homebrew/homebrew-core.git
    
    # 还原为官方提供的 homebrew-core.git 仓库地址
    cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
    git remote set-url origin https://github.com/Homebrew/homebrew-core.git
    
    • 替换 / 还原 homebrew-bottles 访问地址
    首先需要检查当前机器的shell版本
    echo $SHELL
    # 如果你的输出结果是 /bin/zsh,参考下方的 zsh 终端操作方式
    # 如果你的输出结果是 /bin/bash,参考下方的 bash 终端操作方式
    
    1.zsh 终端操作方式
    # 替换成阿里巴巴的 homebrew-bottles 访问地址:
    echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.zshrc
    source ~/.zshrc
    # 还原为官方提供的 homebrew-bottles 访问地址
    vi ~/.zshrc
    # 然后,删除 HOMEBREW_BOTTLE_DOMAIN 这一行配置
    source ~/.zshrc
    
    2.bash 终端操作方式
    # 替换 homebrew-bottles 访问 URL:
    echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.bash_profile
    source ~/.bash_profile
    # 还原为官方提供的 homebrew-bottles 访问地址
    vi ~/.bash_profile
    # 然后,删除 HOMEBREW_BOTTLE_DOMAIN 这一行配置
    source ~/.bash_profile
    
    2.安装依赖

    2.1 安装Node

    brew install node
    
    设置npm镜像加速后面过程
    npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global
    

    2.2 安装Watchman
    Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager 可以快速捕捉文件的变化从而实现实时刷新)。

    brew install watchman
    

    2.3 安装Yarn
    Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。

    brew install yarn
    安装yarn 后同理也要设置镜像源:
    yarn config set registry https://registry.npm.taobao.org --global
    yarn config set disturl https://npm.taobao.org/dist --global
    

    安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名。

    2.4 安装react-native-cli
    React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

    npm install -g yarn react-native-cli
    
    3.安装Xcode

    启动 Xcode,并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Line Tools。Xcode 的命令行工具中包含一些必须的工具,比如git等。

    相关文章

      网友评论

          本文标题:React Native之环境搭建

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