天天看点

# ReactNative for Window 环境配置 #

安装依赖项:for Android

必须安装的依赖有:Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
           

yarn是ReactNative的命令工具(react-native-cli)

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。

npm install -g yarn react-native-cli
           
安装完 yarn 后同理也要设置镜像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
           
安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn代替npm install命令,用yarn add 某第三方库名代替npm install 某第三方库名

安装AndroidStudio:

官网下载AndroidStudio安装包

  • Android Sdk

  • Android SDK Platform

  • Performance (Intel ® HAXM)

  • Android Virtual Device

  • 配置ANDROID_HOME /ANDROID_AVD_HOME

# ReactNative for Window 环境配置 #

创建新的项目:

使用 React Native 命令行工具来创建一个名为"AwesomeProject"的新项目:
react-native init AwesomeProject
           

编译并运行 React Native 应用:

确保你先运行了模拟器或者连接了真机,然后在你的项目目录中运行react-native run-android:
cd AwesomeProject
react-native run-android
           
react-native run-android只是运行应用的方式之一。你也可以在 Android Studio 或是Nuclide中直接运行应用
cd android
gradlew installDebug
           

启动Android 模拟器:

# ReactNative for Window 环境配置 #
# ReactNative for Window 环境配置 #

链接:

React-Native 中文网站