88bifa必发 6

在MAC 上搭建React88bifa必发 Native 开发环境

  1. homebrew – 安装常用包
  2. homebrew-cask – 安装软件
  3. cakebrew – homebrew的可视化界面

React Native 官网

http://facebook.github.io/react-native/docs/getting-started.html\#content

一 用homebrew安装常用包

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

在终端运行brew命令可得到常用命令

Example usage:
查询包是否存在:brew search [TEXT|/REGEX/]
查询包信息及可用安装命令:brew (info|home|options) [FORMULA…]
安装包:brew install FORMULA…
更新homebrew:brew update
更新包:brew upgrade [FORMULA…]
卸载包:brew uninstall FORMULA…
查看已安装包:brew list [FORMULA…]

Troubleshooting:
brew config
检查homebrew状况:brew doctor
brew install -vd FORMULA

Brewing:
brew create [URL [–no-fetch]]
brew edit [FORMULA…]
https://github.com/Homebrew/brew/blob/master/share/doc/homebrew/Formula-Cookbook.md

Further help:
man brew
brew help [COMMAND]
brew home

如:

  brew search brew-cask
  brew install nginx
  brew search php
  brew uninstall mysql

中文网站

http://reactnative.cn/docs/0.43/getting-started.html

二 用homebrew-cask安装常用软件

比在网上下载安装文件安装的优势在于:
(1)节省下载安装包的过程,一行命令即可安装
(2)一些在网上搜不到安装文件的软件也可以通过这种方法安装

brew tap phinze/homebrew-cask
brew install brew-cask

使用方法:将上面的brew换成brew-cask即可,如

   brew-cask install qq

一 、安装Homebrew

三 用cakebrew可视化你的homebrew

如果你不熟悉终端命令,可以下载cakebrew,它是homebrew的客户端,可以实现常用的搜索、安装、卸载操作
官网下载安装

https://www.cakebrew.com

或执行以下命令

brew cask install cakebrew

效果图:

88bifa必发 1

⚠️如果你电脑上没有装Xcode 的话,请先安装好Xode 之后再安装Homebrew

(1)Homebrew是什么

Homebrew 官网
https://brew.sh/index\_zh-cn.html

Homebrew is the easiest and most flexible way to install the UNIX tools
Apple didn’t include with
macOS.(Homebrew是一个包管理器,用于在Mac上安装一些OS
X没有的UNIX工具)。

Homebrew是一款Mac
OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。

(2)安装

打开终端输入以下命令

ruby -e “$(curl -fsSL
https://raw.githubusercontent.com/Homebrew/install/master/install)”

然后回车就会出现下面的这样

88bifa必发 2

image

再次回车

88bifa必发 3

image

输入电脑的登录密码,然后等待一会儿安装就完成了。

(3)一些常见的命令

安装完成之后在终端输入brew doctor 验证brew是否安装成功。

brew doctor

查看brew 常用的命令,在终端输入brew help

brew help

结果示例

Example usage:
brew search [TEXT|/REGEX/]
brew (info|home|options) [FORMULA…]
brew install FORMULA…
brew update
brew upgrade [FORMULA…]
brew uninstall FORMULA…
brew list [FORMULA…]

Troubleshooting:
brew config
brew doctor
brew install -vd FORMULA

Developers:
brew create [URL [–no-fetch]]
brew edit [FORMULA…]
http://docs.brew.sh/Formula-Cookbook.html

Further help:
man brew
brew help [COMMAND]
brew home

安装软件 brew install 软件名字(例如git)

brew install git

卸载软件 brew uninstall 软件名字(例如git)

brew uninstall wget

卸载软件brew remove XXX

brew remove wget

检索软件 brew search part_of_package_name 、brew search
/regular_expression/

brew search git

检查指定包是否已经安装 brew list | grep package_home

下载安装包但不安装 brew fetch package_name

查看安装包信息 brew info package_name

访问指定包的homepage brew home package_name

列出安装包的内容 brew list package_name

更新安装包 brew upgrade package_name

列出系统上安装的所有包brew list

brew list

更新所有安装包brew update(更新自己)

brew update

⚠️brew 安装的软件存放在 /usr/local/Cellar 中,同时会在 /usr/local/bin,
/usr/local/sbin, /usr/local/lib 中创建链接。你可能需要将 /usr/local/sbin
添加到搜索路径中。

(4)卸载brew在终端输入(没有亲自测试不知是否可用)

cd `brew –prefix`
rm -rf Cellar
brew prune 
rm `git ls-files` 
rm -rf Library .git .gitignore bin/brew
rm  -rf README.md share/man/man1/brew
rm -rf Library/Homebrew Library/Aliases 
rm -rf Library/Formula Library/Contributions
rm -rf ~/Library/Caches/Homebrew

⚠️在Mac OS X
10.11系统以后,/usr/local/等系统目录下的文件读写是需要系统root权限的,以往的Homebrew安装如果没有指定安装路径,会默认安装在这些需要系统root用户读写权限的目录下,导致有些指令需要添加sudo前缀来执行,比如升级Homebrew需要:

  1. 对/usr/local 目录下的文件读写进行root用户授权

$ sudo chown -R $USER /usr/local

示例

$ sudo chown -R wentianen /usr/local

2.(推荐)安装Homebrew时对安装路径进行指定,直接安装在不需要系统root用户授权就可以自由读写的目录下

<install path> -e “$(curl -fsSL
https://raw.githubusercontent.com/Homebrew/install/master/install)”

参考文章
http://blog.csdn.net/andanlan/article/details/51589800

二、安装node、Watchman

You will need Node.js, Watchman, the React Native command line
interface, and Xcode.

We recommend installing Node and Watchman using Homebrew. Run the
following commands in a Terminal after installing Homebrew:
(我们建议您使用Homebrew安装Node和Watchman。在安装Homebrew后,在终端中运行以下命令:

在终端输入下面的命令

brew install node
brew install watchman

Watchman is a tool by Facebook for watching changes in the filesystem.
It is highly recommended you install it for better
performance.(Watchman
)(Watchman是Facebook的工具,用于监视文件系统的更改。强烈建议您安装它以获得更好的性能。

Node.js comes with npm, which lets you install the React Native command
line interface.

三、创建一个简单的工程

Run the following command in a
Terminal:(Node.js带有npm,它允许您安装React Native命令行界面。
在终端中运行以下命令)

npm install -g react-native-cli

(Use the React Native command line interface to generate a new React
Native project called “AwesomeProject”, then run react-native run-ios
inside the newly created folder.
使用React Native命令行界面生成一个名为“AwesomeProject”的新的React
Native项目)

react-native init AwesomeProject

我们可以再系统根目录下面看到新创建的工程

88bifa必发 4

image

然后再终端中进入这个工程

cd AwesomeProject
react-native run-ios

然后会打开一个终端窗口如下,切记不要关闭这个终端窗口。

88bifa必发 5

image

程序跑起来的效果(默认使用的是iphone 6的模拟器)

88bifa必发 6

image

用文本编辑器打开工程里面的index.ios.js 文件。

88bifa必发 7

image

打开后我们进行一些简单的文本替换,然后按command + s 保存修改

88bifa必发 8

image

然后选择模拟器按Command+ r就可以重新编译程序。

88bifa必发 9

image

总结:在家闲着没事瞎搞的,如果写的又不对的地方,请大家指出来,我会修正的。