React Native

安装
  • 准备一些 React Native 需要的东西

1. 我已经安装了 Homebrew , node,还有 npm, 先升级一下它自己: 命令 -》 brew update && brew doctor  ,终端输入: xcode-select --install ,
2. 下面再去安装一下 watchman : brew install watchman
3. 再安装一下 flow :  brew install flow
4. 再用 npm 去安装一下 react-native-cli :sudo npm install react-native-cli -g
5.注:  https://facebook.github.io/watchman/docs/install.html
         http://www.flowtype.org/
         https://nodejs.org/en/
项目创建
  • 初始化项目
cd ~/desktop
react-native init MovieTalk
打开Atom编辑器打开这个目录 MovieTalk
可以先在 ios 的设备模拟器上运行一下这个项目, 找到 ios 这个目录下的xcodeproj后缀的文件利用Xcode,
在模拟器上运行,默认就是会显示一个问候的文字 .. Welcome to React Native .. 上面还提示我们,
按一下 Command + R 可以刷新显示 .. Command + D 可以打开,开发菜单 ..
  • ES6标准
  • 默认创建的这个 React Native 项目里面,用的是 es5 的标准创建的 React 组件,我们可以把它改成 es6 的标准
1. 打开刚才的项目MovieTalk,创建.babelrc文件, 用一个 whitelist … 设置一下白名单 … 一个数组 .. 里面添加一个 es6.modules …
{
 "whitelist": ["es6.modules"]
}
2. 再回到命令行 ... 停止一下运行的这个 packager : ctrl + C
3. 确定在项目的根目录下,  重新再运行, 可以使用 命令行: npm start .. 或者 react-native start 

你可能感兴趣的:(React Native)