(小白入门)Windows环境下搭建React Native Android开发环境

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物,目前支持iOS和Android两大平台。

RN的环境搭建在RN的中文社区有所介绍,但是对于小白来说还是有些太过简略了。RN中文社区详见参考,本文不涉及的问题也许在其中能够有所解答。

React Native思想

底层引擎是 JavaScript Core,但调用的是原生的组件而非 HTML5 组件。这样运行时可以做到与 Navive App 相媲美的性能体验,同时因为 JavaScript 代码可以使用后端强大的 Web 方式管理,既可以做到高效开发,也可以实现快速部署和问题热修复。

搭建开发环境(Windows)

React native目前支持三大平台(Windows、macOS、Linux)搭建开发环境,在此只介绍一下Windows下环境的搭建,其他平台可参照官方网站

  1. 1 Chocolatey

Chocolatey是一个Windows上的包管理器,类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样:cmd以管理员身份运行

(小白入门)Windows环境下搭建React Native Android开发环境_第1张图片

然后在其中输入:

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

  1. 2 Python 2

关闭之前的cmd,再次打开命令提示符窗口,使用Chocolatey来安装Python 2,输入:

choco install python2

  1. 3 Node

使用Chocolatey来安装NodeJS,输入:

choco install nodejs.install

安装完node后建议设置npm镜像以加速后面的过程,cmd中输入:

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

  1. 4 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

  1. 5 Android Studio

Android Studio需要Java De

你可能感兴趣的:(前端,React,Native,移动开发,Android,studio)