react cavity环境搭建
注,一次敲命令行就可以了,如果有不对的地方,请自行百度(简书,掘金等)
1.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目录不可写的权限问题。可以使用下面的命令修复:
sudochown -R `whoami` /usr/local
2.Node (使用home-brew来安装Node.js)React Native需要NodeJS 4.0或更高版本。(本菜鸟装的时候好像是6.6吧)
命令行: brewinstall node
(安装成功后,终端会显示
==>Summary
�� /usr/local/Cellar/node/6.6.0: 3,669 files, 40.9M
localhost:~faxiaotu$
)
3.React Native的命令行工具(react-native-cli)
ReactNative的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
命令行: npminstall -g react-native-cli
推荐安装的工具
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
命令行 :brew install watchman
Flow
Flow是一个静态的JS类型检
查工具。译注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,
只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)。
brew install flow
Nuclide
Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境,可用于编写、运行和
调试React Native应用。
点击这里阅读Nuclide的入门文档。
译注:我们更推荐使用WebStorm或Sublime Text来编写ReactNative应用。
测试安装
react-native initAwesomeProject
你也可以在Nuclide中打开AwesomeProject文件夹
然后运行,或是双击ios/AwesomeProject.xcodeproj文件然后在Xcode中点击Run按钮。
在initAwesomeProject后会现在文件夹当中出现一个son文件,这时候不要将终端关掉,需要等待一会会出现很多的文件夹,用Xcode打开iOS文件
注意:在运行的过程中,要保持终端一只开着,如果不小心将终端关掉的话也没关系.
运行
npm start
来重新开启服务。