React Native开发环境搭建
2016-07-05 本文已影响28人
kdroid
官方中文文档
开发IDE

React语法支持

代码智能提示
git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
- file -> import settings -> ReactNative.jar
React 环境准备
- 下载安装NodeJS for windows:https://nodejs.org/en/
- 安装react-native框架
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 就可以看到你的最新修改。