react-native搭建开发环境

 

 第一步(安装基础软件)

1.安装Python2.7,可到官网下载(注意目前不支持Python 3版本)====》https://www.python.org/

2.安装Node.js 同样到官网下进行下载,还有中文官网,非常nice====》http://nodejs.cn/download/

 打开cmd,输入node -v 看看有没有显示版本,能显示版本就证明安装成功了

 然后继续输入

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
上面两条语句主要是切换成淘宝团队的镜像(感谢淘宝团队),大大增加了在国内npm安装模块的速度
 好了,第一步就完成啦~

  第二步(react-native-cli)

Yarn、React Native的命令行工具(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 --save 某第三方库名

注意:目前npm5(发文时最新版本为5.0.4)存在安装新库时会删除其他库的问题,导致项目无法正常运行。请尽量使用yarn代替npm操作。

 第三步(Android Studio)

React Native目前需要Android Studio2.0或更高版本。

Android Studio需要Java Development Kit [JDK] 1.8(暂不支持更高版本)。你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求,则可以到 官网上下载。 或是使用包管理器来安装(比如choco install jdk8或是apt-get install default-jdk

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

除非特别注明,请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository,而这也是React Native必须的(否则在react-native run-android时会报appcompat-v7包找不到的错误)。

  • 确定所有安装都勾选了,尤其是Android SDKAndroid Device Emulator

  • 在初步安装完成后,选择Custom安装项:

  • 检查已安装的组件,尤其是模拟器和HAXM加速驱动。

  • 安装完成后,在Android Studio的欢迎界面中选择Configure | SDK Manager

 

 

 

C:\Program Files (x86)\Egret\Egret Wing 3\bin;C:\Users\Administrator\AppData\Roaming\npm;

D:\Java\android-sdk-windows\tools;

D:\Java\android-sdk-windows\platform-tools

 

 

搭建开发环境:https://reactnative.cn/docs/0.51/getting-started.html#content

 

posted @ 2018-05-16 14:32  chenguiya  阅读(134)  评论(0编辑  收藏  举报