三、运行第一个项目HelloWorld
如果上面的环境配置和开发工具的配置都已顺利完成，那么你离第一个ReactNative项目已经不远了，下面我们来通过ReactNative创建HelloWorld项目。
在终端运行react-native init HelloWorld命令来创建ReactNative项目，这个命令是一个一站式集成命令，其会创建项目并且将所有依赖包都安装完成。命令成功执行后，进入到项目根目录中，如下：
使用react-native run-ios或者react-native run-android来进行iOS项目或者Android项目的运行，如果你看到如下图所示的界面，恭喜你，你的ReactNative项目已经可以跑起来了(需要注意：运行安卓项目的时候，安卓模拟器必须先启动)：
需要注意，运行iOS项目时，会默认启动Xcode的默认模拟器，如果要启动特定的模拟器，可以使用如下命令：
react-native run-ios --simulator "iPhone SE"
xcrun simctl list devices命令可以打印出所有可用的iOS模拟器，示例如下：
观察HelloWorld项目结构，其目录如下图：
其中node_modules为node依赖包的目录，andorid文件夹为安卓项目目录，ios文件夹为iOS项目目录。index.android.js与index.ios.js两个文件是最为重要的两个文件，这两个文件是iOS项目与Android项目的入口文件，打开index.ios.js文件，将其中的代码修改如下：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
export default class HelloWorld extends Component {
render() {
return (
<Text style={{
flex:1,
top:100,
left:100,
fontSize:30
}}>HelloWorld</Text>
);
}
}
AppRegistry.registerComponent('HelloWorld', () => HelloWorld);
上面的代码就是一个最简单的项目HelloWorld，在iOS模拟器中使用command+R来进行界面的刷新，效果如下：
在安卓模拟器中双击R键来进行界面的刷新。
提示：如果在iOS模拟器中使用command+R无效，需要将模拟器的Connect Hardware Keyboard进行勾选，如下：
四、ReactNative开发工具的选择
facebook提供了一个叫做Nuclide的工具专门开发ReactNative应用，其实一个基于atom的集成开发环境，但是我个人更喜欢使用SublimeText来进行ReactNative应用的开发。通过安装相应的插件，SublimeText来编写ReactNative应用将十分畅快。
首先下载SublineText编辑工具，可以在官网进行下载：
在对SublimeText进行插件安装前，需要先为其安装包管理工具PackageControl。在SublimeText工具的导航中选择View下的Show Console来打开命令行，如下：
在命令行中输入如下代码进行，敲击回车进行安装：
SublimeText2：
import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
SublimeText3:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
由于网络等多种原因，上面使用代码安装PackageControl的方法很大可能会失败，我们也可以从官网下载安装包，将其放在SublimeText的包安装目录中，重启SublimeText来进行安装，点击SublimeText的Preferences->Browse Packages选项可以浏览SublimeText的包目录：
将下载好的PackageControl安装包放入Installed Package目录中重启即可，如果没有这个目录，可以手动创建：
PackageControl的官方下载地址为：http://sublime.wbond.net/Package%20Control.sublime-package。
温馨提示：PackageControl的官方下载地址访问起来也有一定难度，我将这个安装包放在了我的github上一份，如果需要，可以从下面的地址下载：
http://zyhshao.github.io/file/Package%20Control.sublime-package。
安装完成PackageControl工具后，即可使用其来进行SublimeText插件的安装。
在SublimeText中选择Preferences->PackageControl即可调出PackageControl命令面板，如下：
PackageControl中提供了许多实用的方法，例如install Package用来安装插件，List Packages用来查看已经安装过的插件，Remove Package用来删除一个已经安装的插件等，如下：
点击Install Package进入SublimeText插件的搜索界面，搜索到所需要安装的插件安装即可，如下：
温馨提示：在使用PackageContrl的Install Package命令时，很有可能会出现超时问题，原因是PackageControl需要拉取一个channels文件列表，而这个文件在国内往往难以访问到，我也在我的github上存放了一份备份，需要将PackageControl的channels拉取路径做下修改，选择SublimeText的Preferences->PackageSettings->PackageControl->Settings-Default选项，如下：
将其中的channels参数修改如下即可：
"channels": [
"http://zyhshao.github.io/file/channel_v3.json"
],
