React Native开发环境搭建

官方中文文档

http://reactnative.cn/

开发IDE

WebStorm 11

React语法支持

设置语法

代码智能提示

git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
  • file -> import settings -> ReactNative.jar

React 环境准备

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install -g react-native-cli
  • 进入到工程工作空间,生成项目AwesomeProject
react-native init AwesomeProject
  • 编译运行demo
cd AwesomeProject
react-native run-android  #自动运行 react-native start
  • 手动运行Packager
cd AwesomeProject
react-native start
  • Modifying Project

现在你已经成功运行了项目,我们可以开始尝试动手改一改了:
使用你喜欢的文本编辑器打开index.android.js
并随便改上几行
按两下R键,或是用Menu键(通常是F2,在Genymotion模拟器中是⌘+M)
打开开发者菜单,然后选择 Reload JS 就可以看到你的最新修改。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容