美文网首页Android开发
React-native学习(一),windows环境搭建

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

作者: 失踪的使节 | 来源:发表于2016-05-30 13:58 被阅读757次

    安装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%\chocolatey\bin
    

    拷贝以上命令至命令行回车执行(去掉回车符),等待安装完成。
    检查是否安装成功,在命令行输入choco,回车,安装成功会看到chocolatey的版本号。

    choco.jpg

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

    S20118-081105.jpg

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

    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版本,重新编译后发布到手机上可以解决此问题。

    相关文章

      网友评论

        本文标题:React-native学习(一),windows环境搭建

        本文链接:https://www.haomeiwen.com/subject/gjqfdttx.html