最近由于React-Native比较火 所以自己想研究一下.
1、首先你得搭建React-Native 运行环境
安装HomeBlew(OS系统上的一个安装包管理器,安装后可以方便后续安装包的安装。)
终端命令为:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2、安装node.js
终端命令为:
brew install node
查看node安装成功与否
node -v
如果出现版本号 列如: v6.3.0就表示安装成功了
3、建议安装WatchMan(React修改source文件的一个工具)
终端命令为:
brew install watchman
4、安装Flow: 一个JavaScript 的静态类型检查器。
终端命令:
brew install flow
5、安装React Native CLI: 用来开发React Native的命令行工具
终端命令:
npm install -g react-native
***(如果不成功 在前面添加 sudo 权限问题)***
装好了运行环境,就可以愉快的玩耍起来了呢。
首先创建项目
1. 新建一个项目
新建一个“HelloWorld”的项目,每个语言的开始教程都是这个,我们也不例外。
操作超级简单,只需终端输入命令行:
react-native init HelloWorld
编写工程的时候React-Native服务要一直开着,如图:
如果不小心关掉了 可以运行 npm start 打开服务
接下来 你就可以就像写前端一样来控制App了!
本文中文支持:React-Native入门指导系列教材目录
安装node.js支持:mac 上node.js环境的安装与测试
笔尖下的诱惑~