在Windows下搭建使用AS开发React Native的环境

  从最近移动端市场的需求来看,Android原生开发已经危机重重,混合开发的大趋势已经越来越难以忽视了。不迎合趋势注定会被时代淘汰,因此选择了有FaceBook技术背书的Reactive Native作为混合开发的切入技术。这篇博客是开篇,后面会有系列文章记录学习Reactive Native的成长,希望能帮助到后来的人,尤其是Android原生开发转混合开发的人。

使用的电脑操作系统不同,环境配置具体步骤有所不同,此篇文章是针对Windows下使用Android Studio开发RN环境的搭建。

1.安装Chocolatey

Chocolatey是一个Windows上的包管理器,安装Chocolatey是为了方便接下来安装Python和Node.js。当然也可以跳过这步直接去官网下载Python和Node.js。

以管理员的身份来运行命令提示符窗口运行(打开翻墙软件执行这个命令要快些)。

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

下载安装完成后,就可以使用命令安装工具了。

2.安装Python

使用Chocolatey来安装Python 2,打开命令提示符窗口cd到你要安装的盘运行

choco install python2

(tips:目前版本不支持Python3)

3.安装Node.js

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)

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

5.测试安装

以上步骤就完成了RN的环境配置,初始化一个项目来测试安装是否完成,在命令提示符窗口cd到项目要创建到的目录。

react-native init ReactNativeDemo  ---初始化项目

cd ReactNativeDemo                       ---切换到项目根目录

react-native run-android                 ---运行项目

如果你已经成功运行了项目,说明安装成功。

猜你喜欢

转载自blog.csdn.net/yimizhangye/article/details/79961074