1、最详细的ReactNative在Windows平台上的环境搭建(学不
会来我)
1、最详细的React Native在Windows平台上的环境搭建(学不会来我)
jdk最新下载安装步骤⼩编是个⼩⽩,刚接触RN不到2个⽉,对于RN在Windows上的环境搭建还是颇有⾃⼰的见解的,在搭建环境之前要明确环境需要哪⼏⼤部分,⾸选RN环境搭建需要5个部分
1、JDK(java)
2、SDK(android)
3、node.js
4、React native cli
5、Git
接下来开始⼀步步搭建
1.1 安装JDK
安装java的jdk(Java development kit),就是java语⾔的软件开发⼯具包
1、到官⽹上去下载(注意计算机如果是32位请下载32位的),如下图所⽰:下载之前要点击下图中的Accept License Agreement(确认接受)
2、下载完成后进⾏jdk的环境变量控制,我的电脑->属性->⾼级系统设置->环境变量->下⾯的系统变量中做两件事情:
(1)⾸先点击系统变量栏下⽅的新建,打开如下窗⼝
然后进⾏输⼊:变量名为“JAVAHOME”,变量值就是你的jdk安装的路径,例如我的jdk安装路径C:\Program Files(x86)\Java\jdk1.6.0_21也就是安装在C盘Program Files(x86)⽂件夹中的Java下,注意⼤⼩写问题。输⼊⽆误,点击确定,第⼀部设置完成。
(2)接着在系统变量栏中到⼀个变量名为path(也可能是Path或PATH)的系统变量,点击⿏标左键选中,接着点击系统变量栏下的“编辑”,弹出如下窗⼝:
在变量值中输⼊jdk1.6.0_21下bin的路径,如果变量值开始就有其他变量值,那么在其后⾯加⼀个“;”分号,接着把jdk中bin的路径输⼊进去,如我的jdk中bin的路径为C:\Program Files (x86)\Java\jdk1.6.0_21\bin ,输⼊结束后点击确定。
最后:检验是否安装成功,打开CMD,输⼊javac -version,会出现你安装的java的jdk的版本号码,版本必须在1.80以上。
1.2 安装SDK
1、到官⽹上下载android-sdk-windows.rar(安装包),解压后如下图所⽰
2、然后依旧是环境变量的改变,两个步骤:
(1)第⼀个是ANDROID_HOME环境变量的创建,和上⾯创建JAVAHOME的打开⽅法⼀样,如下图
变量名是ANDROID_HOME,变量值就是第⼀步你的android sdk安装包解压的路径,例如我的安装包解压的路径是E:\reactnative\android-sdk-windows,编辑好后点击确定
(2)第⼆个将%ANDROID_HOME%platform-tools加⼊path环境,如下图:
1.3 安装node.js
直接到官⽹上下载: 上下载对应你电脑的版本,然后根据系统选择相应的.msi(32bit或者64bit)下载即可,安装完成后打开cmd输⼊npm -v的命令来查看下载的Node.js(npm)版本。例如我的是windows平台64位,那么我就要去下载,如下图
1.4 安装React native cli(命令⾏⼯具)
在node.js安装成功后可以通过npm install的命令来安装React Native Cli的命令⾏⼯具,打开cmd,输⼊如下的命令:
npm install -g react-native-cli,安装完成后就会显⽰下载的命令⾏⼯具的版本
1.5 安装Git
另外你也可以直接去下载。Git的官⽹地址是:,在安装过程中注意勾选"Run Git from Windows Command Prompt",这样才会把git命令添加到PATH环境变量中。注意检查在path中是否有xxx\git\cmd,不然会造成后⾯在项⽬中npm install react-navigation的下载错误
总结:
以上的步骤借鉴了下⾯⼏个⽹站:
最后⼀个是官⽹,环境的搭建多数以官⽹的设置更新和步骤为主
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论