美文网首页
React Native环境配置

React Native环境配置

作者: 不慌不忙 | 来源:发表于2018-03-23 14:26 被阅读6次

react-native 需要安装的环境

1 安装homebrew

2 安装npm和node.js

安装校验文件和代码错误提示 : flow + watchman

3 安装watchman

brew install watchman

4 安装flow   

brew install flow

5 安装react native

npm install -g react-native-cli

安装好后

1 先创建一个文件夹

cd 到文件夹下

2 react-native创建 

这里特别的慢  会报一些WARM 的警告 , 不过没事

用淘宝镜像吧

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

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

然后在去创建

react-native init TestReact           (TestReact : 文件名)

再然后就可以去studio(有点烦)  和 Xcode去搞了

android studio  安装 必须网络要好  或者翻墙  下载Android SDK

1 先安装jdk

android studio 依赖于jdk

2 open 选项打开 Android文件夹 —> 就ok了

打开文件夹编译后 报错 : 

Error:Failed to find target with hash string 'android-23' in: /Users/mybook/Library/Android/sdk

说明 : SDK中缺少某个版本 去下载这个版本就好了

Android studio  -> tools -> Android -> SDK Manager ->  Android SDK -> SDK Platforms -> android-23 -> ok

安装 模拟器 + 虚拟机

1 genymotion(模拟器)

https://www.genymotion.com/

选择个人版本 user  是免费的

2 virtualBox (虚拟机)

https://www.virtualbox.org/wiki/Downloads

3 安装好后

去配置模拟器 , 模拟器和SDK要对应上

Android Studio文件目录

buildTypes {

        release {

            minifyEnabled enableProguardInReleaseBuilds

            proguardFiles getDefaultProguardFile("proguard-android.txt"),"proguard-rules.pro"

              debuggable true    这句不加模拟器就报错       

                 }

    }

运行成功

相关文章

网友评论

      本文标题:React Native环境配置

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