加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React-native学习(一),windows环境搭建

发布时间:2020-12-15 03:32:00 所属栏目:百科 来源:网络整理
导读:安装chocolatey chocolatey是一个类似于yum,apt-get的包管理工具。 @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" SET PATH=%PATH%;%ALLUSERSPROFIL

安装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命令,手动启动服务器即可。
手机出现下图画面即代表发布成功

问题汇总(如有其他问题请留言,我会加到汇总里)

  1. 安装python2失败。
    再安装一次试试。

  2. init工程时,出现未能加载 Visual C++ 组件“VCBuild.exe”。
    无视即可,或者安装.net2.0解决。

  3. 手机无法连接到服务器。
    菜单->dev settings->Debug server host&port for device 设置为你服务器所在机器的局域网地址即可,如:10.1.10.23:8081。

  4. 发布到手机时出现 unable to upload some apks。 把react-native工程中的android文件夹导入android studio,更改gradle版本,重新编译后发布到手机上可以解决此问题。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读