React Native教程:一步一步搭建React Native开发环境
1 环境搭建
工欲善其事,必先利其器。首先,我们需要搭建开发环境(我们以后的文章和视频均是以Mac OS X系统为基础)。React Native主要依赖以下环境。
∙Mac OS X操作系统。
∙推荐使用Xcode 7.3.0或者更高版本。
∙安装Node.js v6.2.1或者最新版本。
∙利用Homebrew安装watchman和flow。
∙安装React Native
∙安装NVM
∙创建第一个HelloWorld程序
下面我们一步步来安装开发环境。
1.1 安装Xcode
打开Mac电脑,打开App Store,在App Store中搜索Xcode,双击Xcode,输入apple id下载安装即可。
1.2 安装Node.js
Node.js:react native
打开Node.js:
下载v6.2.1版本,下载完成以后双击node-v6.2.1.pkg包进行安装。
从上图中中This package will install Node.js v6.2.1 and nam v3.9.3 into /usr/local/.这句话表明我们将会安装Node.js v6.2.1和npm 3.9.3版本.
上图表示Node.js和npm都是安装在/usr/local/bin/路径下面。
1.3 利用Homebrew安装watchman和flow
打开终端,按照如下操作即可.
接下来通过brew安装watchman和flow.
现在万事具备,只欠东风。我们通过npm安装react-native-cli的命令行工具。在mac终端中输入如下命令,其中-g表示全局安装。
1.4 NVM安装
bogon:Desktop lucien$ git clone github/creationix/nvm
Cloning into ‘nvm’…
remote: Counting objects: 4718, done.
remote: Compressing objects: 100% (6/6), done.
remote: Total 4718 (delta 1), reused 0 (delta 0), pack-reused 4712
Receiving objects: 100% (4718/4718), 1.26 MiB | 85.00 KiB/s, done.
Resolving deltas: 100% (2802/2802), done.
Checking connectivity… done.
bogon:Desktop lucien$ cd nvm/
bogon:nvm lucien$ ls
CONTRIBUTING.md README.markdown nvm-exec test
LICENSE.md bash_completion nvm.sh update_test_mocks.sh
Makefile install.sh package.json
bogon:nvm lucien$ source nvm.sh
bogon:nvm lucien$ nvm
Node Version Manager
Note: <version> refers to any version-like string nvm understands. This includes:
– full or partial version numbers, starting with an optional “v” (0.10, v0.1.2, v1)
– default (built-in) aliases: node, stable, unstable, iojs, system
– custom aliases you define with `nvm alias foo`
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论