React Native mac OS 上环境搭建 - Go语言中文社区

React Native mac OS 上环境搭建


PS:  本人在此之前未开接触过 React Native 的开发。我是从事Android开发的,14年12月从事。

mac 系统如下



1、安装

Homebrew。一款macOS缺失的软件包管理器,具体看参看官方网站。

安装方式: 打开终端 输入如下:

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

注意:在这里 我安装的时候没有发现网上大部分同学说的一种情况就是 /usr/local/不可读写的情况

如果出现这个情况,可以试用以下方式,在终端中输入:

sudo chown -R 'whoami' /usr/local

如果这时 出现 /usr/bin/ 目录下 Operation not permitted  。意思就是权限不可操作。

后来经网上查询,这时 mac 系统下的Bootless机制。它的存在,导致有些权限是不可读写的。但现在我们需要使用,所以我们可以把它暂时关闭,再需要用到的时候再开启。

具体方式如下:

1、重启mac,并在重启过程中长按 Command + R 来进入到恢复模式。恢复模式中找到实用工具,在这里打开终端(Terminal)

2、输入

 csrutil disable
命令

3、重启mac 

之后就不会出现权限问题了。

4、注意,要记得将Bootless机制的权限再开起来。

方式 同  1 ,只需在终端中要输入   csrutil enable 即可重新开启Bootless机制

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

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

在终端输入:
npm install -g yarn react-native-cli

安装完Yarn,同理也要安装镜像设置

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

安装完后,就可以用Yarn 来代替 npm 。


Android Studio

安装过程就不在讲了。可以点击链接进去自己看下。偷笑

主要讲下  ANDROID_HOME 环境变量配置

首先看下java 版本



查看 sdk  路径 ,安装完 AS 就可以看到了。


主要是要将  sdk 路劲放入到~/.bash_profile文件中:(译注:~表示用户目录,即/Users/你的用户名/,而小数点开头的文件在Finder中是隐藏的,并且这个文件有可能并不存在。请在终端下使用vi ~/.bash_profile命令创建或编辑。)

1、输入  vi ~/.bash_profile 

进入到命令行模式,在此模式下 按下 子母建    i     ,进入到插入模式

这时输入

export ANDROID_HOME=~/Library/Android/sdk

输入好后,按  esc 按键 退出 插入模式,进入到命令行模式

2、在命令行模式下 按    :  按键  进入到 底行模式。

输入  w.bash_profile 即可保存文件

即完整 为 :w.bash_profile 

3、如果要更改文件,按照第一步骤就好

再 回到 底行模式后 输入  wq 就好,意思是 保存并退出。

如果不做任何操作。可以 输入 q! 。意思是 不做处理退出

4、在 终端输入  以下来立即生效,否则要重启才会生效

source ~/.bash_profile

5、在终端输入 以下来检验是否成功

echo $ANDROID_HOME
以下




Watchman

输入以下来进行安装

brew install watchman

具体激活网上可以查找。


感谢以下网站和文章给我写这篇文章的思路和来源来源:

React Native 学习网站

Linux编辑器vi使用方法详细介绍







版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/qq_26299735/article/details/80265570
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2020-03-01 21:55:10
  • 阅读 ( 1596 )
  • 分类:Go环境配置

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢