ios React-Native开发App

最近由于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服务要一直开着,如图:


ios React-Native开发App_第1张图片


如果不小心关掉了  可以运行 npm start  打开服务

接下来 你就可以就像写前端一样来控制App了!

本文中文支持:React-Native入门指导系列教材目录

安装node.js支持:mac 上node.js环境的安装与测试

笔尖下的诱惑~

你可能感兴趣的:(ios React-Native开发App)