创建项目 npm install -g yarn react-native-cli 安装android sdk 配置android_home 添加platform-tools目录到path 创建项目react-native...https://npm.taobao.org/dist 编译 react-native start运行 添加VScode调试配置后（配置使用react native调试） yarn 安装包（npm...会有些问题） rn 的android添加local.properties内容如下，指定android sdk存放位置 sdk.dir=D:/ProgramFiles/Android/Android_SDK...调试是出错误提示，可以检查任务管理器，关闭所有执行中的node.exe程序，node端口占用可能导致调试连接失败，也可以关闭react native包生成工具，node程序大概是用作生成包的 adb...android/app/build.gradle的android版本 MainApplication.java react web npm install react-web-cli -g react-web
零、记录的点 Java环境的下载与配置 Android环境的下载与配置 Node环境的下载与配置 创建第一个react-native应用 最终能够达到的目的：在手机上能够运行第一个React-Native...下载Android SDK 到android-studio下载SDK。...运行installer_r24.4.1-windows.exe安装、或zip解压出来的SDK Manager.exe 然后我安装了以下这些包(我的react-native版本是0.40.0...%; 我的Path图 测试Java环境，Android环境 失败自行回退检查~~ 三、安装node.js node官网历史版本修改下载链接的值就能下载历史版本了...如：我使用的是版本是V6.2.0 然后就是node的一些设置了 npm config set prefix "D:\Program Files\nodejs\node_global //设置全局包目录
SDK Android 开发所需的 SDK，下载并解压后，将解压出的整个文件夹复制或者移动到 your sdk 路径/platforms文件夹，然后打开 SDK Manager，打开 Tools(工具)...菜单选择 Options (选项)菜单项打开Android SDK Manager Setting对话框，点击 Clear Cache (清除缓存)按钮，然后重启 Eclipse(或 Android Studio...平台版本 SDK 版本 版本名称 9.0 28 Pie (Android P) 8.1 27 Oreo(Android O)（奥利奥） 8.0 26 Oreo(Android O)（奥利奥） 7.1 25...各版本和对应 JDK 版本 SDK 版本 JDK 版本 26 - 23 - 22 7 21 7 19 6 18 6 17 6 16 6 15 6 10 6 参考 信息中心 | Android Developers...https://developer.android.google.cn/about/dashboards/ AndroidDevTools - Android开发工具 Android SDK下载 Android
sdk其实也可以），配置下载adk，打开sdk manager，下载android api版本，以及Image（Google APIs、Intel x86 Atom System Image、Intel...，配置JAVA_HOME和ANDROID_HOME我就不说了 测试安装 npm install -g react-native-cli全局安装react-native工具包 react-native...，windows环境推荐真机调试，模拟器实在是一个慢啊，可以adb devices查看连接的手机 PS 安装过程中可能会遇到很多错误，需要耐心，大多是： 一些build工具缺失和依赖包安装失败，检查nodejs...、npm版本和python版本以及环境变量是否正确 windows下安装成功却跑不起来可能是因为gradle版本问题，降低一下版本试一下 react-native start可以单独启动Packger...8081 init命令后的项目名称即是包名称，不要使用-，非特殊情况千万不要修改，会产生一堆奇诡错误 依靠错误信息和Google一步一步解决把，本章结束。
~/.bash_profile c.修改内容，确保有 ANDROID_HOME, ANDROID_SDK 这两个变量都指向你的android sdk下载后的解压目录，我的是这样的:...ANDROID_NDK=/Users/zhangyunfei/chengxu/android-ndk export PATH=$PATH:$ANDROID_NDK e.检查你的android...sdk版本，尽量新。...检查ndk的到最新版本，太老的版本会编译失败 2.将项目克隆到本地 git clone https://github.com/facebook/react-native.git cd react-native...npm install 3.执行编译 cd react-native .
的包管理工具，但我个人更倾向使用npm来进行ReactNative包的安装，在使用之前，可以通过替换源镜像的方式来进行npm的加速(在无法访问外国网站的前提下): npm config set registry...这个工具用来初始化ReactNative项目，命令如下： npm install -g react-native-cli 使用react-native -v命令来检查是否安装成功： 到此...对于Android开发环境，首先你需要保证你的Android Studio工具版本在2.0以上并且Java版本要在1.8以上，javac -version命令可以查看当前的JDK版本，如果低于1.8，可以到官网下载...下载安装完成Android Studio后，首先需要对SDK进行相应配置，打开Android Studio，打开欢迎界面的SDK Manager，如下图： 选中其中的SDK Platforms...SDK Tools，必须安装其中的23.0.1版本，切记，这是必须！
SDK Verion 数据来源于android官网,和一篇博客 Api 版本号 代号 发布时间 主要更新内容 1 1.0 无 2008-09-23 Web浏览器显示,短信,媒体播放器,相机,Wifi...数据来源于官方网站 特别注意 Android 支持库的最新版本是28.0.0,这是最后一个google发布的支持库版本，现在google已将所有support包下的库都迁移至androidx包下面，...以后的更新都只会在androidx包中进行。...最后编辑时间: 2018-11-14 包名 库名 gradle最新依赖版本 v4 compat com.android.support:support-compat:28.0.0 v4 core-utils...包名 版本 用途 androidx.appcompat:appcompat: 1.2.0 主要有用以兼容的AppCompatActivity androidx.core:core: 1.3.1 各种兼容库
当安装完 Node.js 后，NPM 也会一同被安装，NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用...允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。...Andorid 开发环境，然后检查 项目中 Android 文件夹下是否有 local.properties 这个文件，如果有，确定 sdk 路径正确，如果没有新建这个文件，里面定义 sdk 的路径为如下形式...（改成自己的）： dk.dir =/Users/USERNAME/Library/Android/sdk 2、第一次运行出行红屏，error code:500 error.png 可能是版本的原因，可以通过如下命令安装指定版本并更新..."}} 接着删除项目根目录下的 node_modules 文件夹，删除之后，通过 npm install 重新下载一下依赖包： npm install image.png 3、没有启动服务 当出现如下界面是
1.安装Android Studio 首先肯定是 安装Android Studio（包含SDK）(国内推荐) ps:这里有一点要注意，需要为SDK配置环境变量，名称必须为ANDROID_HOME...2.安装Nodo.js（自带npm） 从官网下载node.js的官方4.1版本或更高版本。...也可选择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++模块时需要用到。...react-native run-android 首次运行需要等待数分钟并从网上下载gradle依赖。...如果apk安装运 行出现报错，请检查上文中安装SDK的环节里所有依赖是否都已装全，platform-tools是否已经设到了PATH环境变量中，运行adb devices能否看到设备。
安装Android SDK 可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。...推荐使用Android Studio，以下说明会默认以Android Studio的方式说明。请注意选择x86还是x64版本。 为了加速下载，推荐从AndroidDevTools下载。...(24.3.3) Tools/Android SDK Platform-tools (22) Tools/Android SDK Build-tools (23.0.1)（这个必须版本严格匹配.../dist --global 安装react-native命令行工具 npm install -g react-native-cli 创建项目 进入你的工作目录，运行 react-native...如果apk安装运行出现报错，请检查上文中安装SDK的环节里所有依赖是否都已装全，platform-tools是否已经设到了PATH环境变量中，运行adb devices能否看到设备。
比如Android Studio默认安装了 Android Support Repository，而这也是React Native必须的（否则在react-native run-android时会报appcompat-v7...包找不到的错误）。...特别值得注意的是： SDKManager当中SDK Platforms中要勾选 Google APIs、Android SDK Platform 23、Intel x86 Atom System Image...SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须包含有这个版本...提示：你可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。
） 为了方便切换npm源，需要先安装nrm模块 因为公司内把taobao全线屏蔽了，所以我用了cnpm的镜像 因为我之前电脑里安装了node的v0.12.7版本，所以我遇到了下面的坑...官网上也提到node的最低版本要求 https://github.com/facebook/react-native 更新完node后 一切正常了，你可以在浏览器里访问：http...DOS窗口，启动应用：react-native run-android ------- update by 2015/11/30 使用最新版本的react-native(0.15.0)，因为之前本机已经成功运行过...platform=android 正常，我就纳闷了，折腾了好久：包含升级node.js版本为（结果发现没用），重新编译（react-native run-android --refresh-dependencies...我贴几个我本机的环境： ANDROID_HOME 出错的提示已经很明确的告知了，它其实就是Android的SDK根目录，不行你就安装Android Studio，它里面就帮你下载好了SDK，里面包含
flow：$ brew install flow Facebook 出品的 JS 静态类型的检查器 如果你安装了 watchman 又版本太低，那么编译项目的时候可以能会报错 Cannot read property...Android SDK 将工具、平台和其他组件分成若干个软件包，可以通过 Android SDK 管理器根据需要下载这些软件包。...选择以下包进行添加安装：命令行下运行 $ android 来打开 SDK Manager Android 支持库，RN 内有用到 编译你的应用程序对一个特定版本的 Android 系统。...SDK 扩展工具包，它与具体 Android 平台无关，包括一套完整的开发和调试工具。...安装 RN 脚手架 $ npm install -g react-native-cli react-native-cli(0.1.7) 只是一个外壳，实际执行的代码是在：react-native
可以根据java -version来检测一下 2、安装SDK 这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置 例如：（PATH => E:\Android...\sdk）设置环境变量PATH：例如：（PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools） 3、安装node 这货是基于js的，node.js...接下来我们打开dos窗口，执行 npm start,会显示如图的提示，然后再输入react-native start命令。...这是在再用 gradle构建项目依赖的包，到这里是不是感觉很熟悉了。 ? 报了一个错，说的是有个jar的问题。 ?...哦，又给我搞了个错误，gradle版本的问题，哎，不是自己建的项目，果然各种坑，好那我改下gradle的版本吧。
5、安装 React Native npm i react-native-cli -g $ react-native -v react-native-cli: 2.0.1 react-native...(Android 5.0 及以上)使用 adb reverse 命令，这个选项只能在 5.0 以上版本(API 21+)的安卓设备上使用。..."javascript.validate.enable": false, 8.2、npm run android 每次都需要在手机上重新安装软件包 开发者模式 -> USB调试 -> 监控ADB安装应用...react-native start --port=8082 8.4、修改软件包名称 修改配置文件 Android 修改配置文件里的 app_name 即可，重新 yarn android ，发现手机上软件的名称已修改成功.../resources> react-native-rename 插件修改 通过插件修改名字，必须是 使用 react-native init xxx 创建的项目 # 安装 npm install react-native-rename
前言 按照React Native的迭代速度，使用官网的文档，已经不能很顺利的实现React Native和Android的有效整合。React Native最新版本 已经是0.39。...和target SDK都是24（网上有文章讲，使用的appcompat-v7支持包版本必须是23.0.1，compile SDK和target SDK也必须是23 。...不过最新的也支持的） compile 'com.android.support:appcompat-v7:24.2.1' 如果你出现下面的错误，可以降低版本到23....引入React Native 模块 在项目根目录下输入如下的命令： npm install --save react react-native 执行完后我们发现项目多了一个node_modules文件，...， 如果不添加，在6.0以上的Android版本中会报错 */ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
如果不幸，你系统node版本是0.XXX，那么需要先卸载已安装到全局的node和npm,不然在后面编译RN工程的时候会报错： Installing react-native package from...可以使用export | grep ANDROID命令来检查。 如果你使用的是bash，那就在~/.bashrc文件中加入以下内容，如果是用zsh，那就是~/.zshrc。...export ANDROID_HOME=/usr/local/opt/android-sdk 开始工程 进入AwesomeProject，然后运行： $ react-native run-android...的默认设置中，使用的Android默认构建版本是23.0.1而你很可能并没有安装这个版本的SDK，比如bo主装了23.0.2。...打开AwesomeProject/android/app/build.gradle文件，找到这里配置的版本号，改成你系统安装了的，系统安装了的可以在Android SDK Manager中查看。
SDK和安卓模拟器： 打开Android Studio，File --> Settings --> 搜索sdk,找到对应的sdk进行安装即可，这里也可以选择安装模拟器，找到对应的勾选进行下载即可。...分别是 Android SDK中tools目录的路径和platform-tools的路径。（如果已经配置，就不用再去配置了。）...例如： D:\android-sdk\tools; D:\android-sdk\platform-tools; （三）安装node 许多前端工具的安装都依赖于node的包管理器npm 安装地址...版本号，使用命令： react-native --version 图示如下，我当前的react-native-cli版本号为2.0.1： ?...我用的是AS3.1.3，gradle构建成功的，但是命令行执行react-native run-android命令一直报各种错，问了别人也找不到解决方案，可能是RN对高版本的AS工具以及高版本的gradle
2.2.下载必备的Android组件 Android SDK Android SDK Platform Android Virtual Device 可以通过Android SDK Manager下载需要的版本...(React默认的buildtool版本23.0.1（）) ?...ANDROID_HOME=/home/xiaolei/Android/Sdk中的 xiaolei 替换成自己的。...3.安装React Native 3.1.通过npm安装React Native xiaolei@wang:~$ npm install -g react-native-cli 3.2.查看 xiaolei...如果出现红屏或者错误，检查是否在 AwesomeProject中开启了react-native start ，然后RR(在设备中重载) ?
如果你的机器已经安装过 Homebrew ，强烈建议 对 Homebrew 的包做一下更新： $ brew update && brew upgrade 安装 Node.js 建议使用 Node 的版本管理器...watchman 安装 Android SDK 如果你之前已经装过 Android SDK ，打开 Android SDK Manager，确保如下工具和开发包已经安装： SDK： Android SDK...使用 brew install android-sdk 来安装安卓 SDK。...： 仔细观察这个工程，你会发现如下的内容： node_modules 文件夹，这是 Node.js 用来存放和管理 npm 包的文件夹，现在这里包含了 React Native 框架。...将下面两行代码添加到你的 Shell 配置文件中（.bashrc 或 .zshrc）： alias rna="react-native run-android"alias rni="react-native
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
