React-native学习篇之一（开发环境准备）

本博客非什么技术贴，只是记录一下自己在学习react-native学习经验和遇到的一些问题：

• npm的安装（个人环境，win10 64位）
• 开发工具的准备（Webstorm）
• 常用工具和插件

---

基本环境

• Chocolatey（windows上的包管理器）安装（管理员命令提示符）：
  Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。 你可以在其官方网站上查看具体的使用说明。一般的安装步骤应该是下面这样：

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

• pathon 2 or pathon 3（管理员命令提示符）
  react-native 中文网上说是不支持pathon3，但是我目前用的还没发现有什么问题，欢迎有尝试过的小伙伴指正，感激不尽！
  

choco install python2

choco install python3

• Node（管理员命令提示符）

choco install nodejs.install

• 安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。

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

• Yarn（管理员命令提示符）
  Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

 npm install -g yarn react-native-cli

开发工具

• Webstorm

  官网下载地址

  破解方式可自行百度#机智#机智
  另附我的网盘地址，如果真的懒得搜可以去我的网盘去下载。

• Expo

  如果你是从零开始（还没有Android或者IOS项目），那么你可以创建一个React Native App。这样你就可以不需要使用Android Studio、Xcode编译你原生的代码就开始一个新的项目啦！
  在手机上安装一个Expo App，然后让你的手机和你的电脑连接着同一个网络，扫描二维码就可以打开你信创建的项目啦！是不是感觉很方便？#帅#帅
  不过在Android手机上安装会Expo App。这边我附上自己使用的一款翻墙软件（赛风），您可能需要先翻墙然后点开上面的“Expo App”来安装，之后就大功告成啦！
  Expo官网上有提供一系列开发工具，MacOS版，Linux版，Windows版。
  下一节里面我会开始代码实践，这一节看到的朋友如果有任何疑问，欢迎评论！