React Native Windows下环境安装(一)

1.安装chocolatey

以管理员权限运行命令提示符(cmd.exe)

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

ps:如果安装失败,请打开C:\Windows\System32下的cmd.exe右键以管理员身份运行以上代码

2.安装python2

这里用的就是上面安装choco的包管理器了

choco install python2

3.安装nodejs

安装非常慢~~~~~~~~~,可以考虑从百度软件下载安装

choco install nodejs.install

设置npm镜像以加速后面的过程(或使用科学上网工具)

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

4.安装Yarn、React Native的命令行工具(react-native-cli)

npm install -g yarn react-native-cli

5.安装JDK和AndroidStudio

检查是否安装JDK

javac -version

安装JDK http://rj.baidu.com/soft/detail/17531.html

安装Android Studio http://rj.baidu.com/soft/detail/27390.html

image

image

image

SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选Google APIsAndroid SDK Platform 23Intel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

 image

SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1。(必须是这个版本)

image

6.ANDROID_HOME环境变量

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

具体的路径可能和下图不一致,请自行确认。

env variable

你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。

7.测试安装

不要在c盘windows目录下,会因权限问题不能正常运行

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
posted @ 2017-02-09 16:51  chenjingchun  阅读(540)  评论(0编辑  收藏  举报