React-native学习（一），windows环境搭建_React

上一篇: 快速了解React的组件生命周期下一篇:基于react-native，百度地图开发...

React-native学习（一），windows环境搭建

发布时间：2019-06-20 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了React-native学习（一），windows环境搭建，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

安装chocolatey
chocolatey是一个类似于yum，apt-get的包管理工具。

      
      
      
      
      
@powershell -NoPRofile -Executionpolicy Bypass -Command "iex ((new-object net.webclient).
DownloadString('https://chocolatey.org/install.ps1'))" && 
SET PATH=%PATH%;%ALLUSERSPROFILE%chocolateybin
拷贝以上命令至命令行回车执行（去掉回车符），等待安装完成。
检查是否安装成功，在命令行输入choco，回车，安装成功会看到chocolatey的版本号。

安装python2
注意：Python3不适配react-native。
命令行执行命令

      
      
      
      
      
choco install python2
等待安装完成即可
安装node
命令行执行命令

      
      
      
      
      
choco install nodejs.install

安装react-native命令行工具
react-native命令行工具能够非常容易的创建和初始化react-native工程。
执行命令

      
      
      
      
      
npm install -g react-native-cli

测试安装结果
执行命令

      
      
      
      
      
react-native inIT AwesomeProject //创建和初始化工程
cd AwesomeProject  //进入工程目录
react-native run-andROId  //发布工程，连接设备后执行此命令

如果服务器没有启动，执行react-native start命令，手动启动服务器即可。
手机出现下图画面即代表发布成功

问题汇总（如有其他问题请留言，我会加到汇总里）

安装python2失败。
   再安装一次试试。
init工程时，出现未能加载 Visual C++ 组件“VCBuild.exe”。
   无视即可，或者安装.net2.0解决。
手机无法连接到服务器。
菜单->dev settings->Debug server host&amp;port for device 设置为你服务器所在机器的局域网地址即可，如：10.1.10.23：8081。
发布到手机时出现 unable to upload some apks。
   把react-native工程中的android文件夹导入android studio，更改gradle版本，重新编译后发布到手机上可以解决此问题。