由iOS开发转到React-native的过程_之环境配置


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的入门文档

译注:我们更推荐使用WebStormSublime Text来编写ReactNative应用。

测试安装

react-native initAwesomeProject

 

你也可以在Nuclide中打开AwesomeProject文件夹

然后运行,或是双击ios/AwesomeProject.xcodeproj文件然后在Xcode中点击Run按钮。

 

在initAwesomeProject后会现在文件夹当中出现一个son文件,这时候不要将终端关掉,需要等待一会会出现很多的文件夹,用Xcode打开iOS文件

 

注意:在运行的过程中,要保持终端一只开着,如果不小心将终端关掉的话也没关系.

 

运行

npm start

来重新开启服务。

猜你喜欢

转载自blog.csdn.net/ZF_CDSN/article/details/52622303