React Native 开发程序员

React Native 开发环境搭建

2016-09-01  本文已影响90人  墨守青城

1.安装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目录不可写的权限问题。可以使用下面的命令修复:
2.安装Node.js
使用Homebrew来安装Node, 默认安装最新版.
brew install node
3.安装命令行工具
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npm install -g react-native-cli
4.安装推荐工具
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
brew install watchman
Flow是一个静态的JS类型检查工具。
brew install flow
5.安装开发工具
facebook官方推荐的IDE工具是nuclide.Nuclide是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和调试React Native应用。
同时也可以使用WebStormSublime Text来编写React Native应用。
6.构建第一个项目
构建第一个React Native应用, 万年不变的HelloWorld.
初始化项目:
react-native init HelloWorld
等待项目构建完成后, 进入项目路径:
cd HelloWorld
运行程序:
react-native run-iosreact-native run-android
模拟器启动后, 如下界面:

Simulator Screen Shot 2016年9月1日 下午11.40.01.png

恭喜你, React Native开发环境搭建成功 !

上一篇 下一篇

猜你喜欢

热点阅读