React native 开发环境配置 for windows

React native开发环境配置

  目有前来讲使用windows的开发者还是比较多的，毕竟门槛会低很多。移动开发可谓是热火朝天，涌现了一下框架，为移动开发助力。React Native是react的一个分支，转为移动开发设计的，使用的开发语言是JavaSrcipt脚本语言。最大的好处在于写一次代码，就能打包成IOS应用和Android应用，不仅缩短了开发周期，效率也提高。或许它会成为未来移动开发的主流。在这个脚本语言盛行的年代，原生开发显得过于繁杂。

• install Chocolatey

• 安装node.js

• Python开发环境

• React native Command line interface

• Android 开发环境

第一步安装Chocolatey

Chocolatey官网上有这样一句话：

The package manager for Windows Chocolatey - Software Management. Automated.

  什么意思呢？Chocolatey是windows上的应用程序自动化管理工具。当然是用这个工具的我相信都是开发者。那么怎么安装配置呢？官网上有一些介绍。
首先打开windows 的命令窗口，win+r输入cmd点击enter键，默认出现的黑色窗口。输入复制下面的

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

粘贴到命令窗口中，点击enter等待自动下载完成。

  重新启动cmd窗口，输入choco upgrade chocolatey点击enter，upgrade完成之后就可以愉快的使用了。
这里只是最简单的方法，按照默认的方式去安装的，官网还有很多更加详细的介绍，Chocolatey官网，还好没有被墙，就是访问速度有点慢。

第二步安装Node.js和python2

使用命令

choco install nodejs.installchoco install python2

第三步安装React Native command line interface

使用如下命令

npm install -g react-native-cli

npm命令是在安装好node环境之后才可已使用的。

第四部配置Android开发环境

  这里只是简单的说一下，不做详细的说明。推荐一个网站AndroidDev这个网站上收录很多Android开发相关的工具，一些国外的网站访问速度真的不敢苟同。还是国内的速度快。
  安装jdk，版本随意。安装Android SDK，需要提醒的是配置Android_SDK_Home到path环境变量中去，并创建你的Android模拟器。
  代码编辑器当然是推荐使用Android Studio啦，Google已经不再为ADT提供支持和更新了。Android Studio作为一款Idea风格的编辑器功能还是非常强大的，学习一些快捷键，在安装一些插件，编程体验还是相当不错的。
  环境配置好了之后就可以开始我们的第一个HelloWorld了。
  测试一下我们的React Native Installation 是否正确。
使用 React Native 命令行工具 来生成一个React Native 工程 命名为 HelloWorld, 然后使用命令行进入工程创建的文件夹，执行 run react-native run-android来运行React native工程。

react-native init HelloWorldcd HelloWorldreact-native run-android

  如果一切都配置正确的话，就可以很快地在Android模拟器中看到你刚才创建的应用了。

如果并没有启动你的应用请尝试执行react-native start命令，如果出现一些错误的话请到官网或者社区寻求解决方案。在求助之前请仔细阅读错误原因，一般在错误信息中会包含详细的错误信息，在自己不明白的情况下去查阅资料，会有助于我们提高，谢谢。