该步骤是自己在看了别人的步骤之后,自己安装时又进行啦一些完善之后的步骤:
第一步:安装JDK
这里提示注意的地方:一定一定要在系统变量中配置JAVA_HOME: D:\Jdk8\jdk8,值是你的JDK安装目录。
第二步:安装SDK
① 环境变量ANDROID_HOME:XXX
例 如:(ANDROID_HOME: D:\sdk)
② 环境变量PATH例如:
例如:(PATH:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
第三步:通过SDK Manager下载SDK
React Native使用的是android版本是23.0.1,只支持这一个sdk版本,所以你必须先下载他的源码及工具,不然后面后报错
如果你需要用到google模拟器还需要下载
第四步:安装nodejs开发环境
推荐先安装nvm,使用nvm来管理nodejs版本
安装nvm:
https://github.com/coreybutler/nvm-windows/releases
安装nvm:
nvm下载之后,就是傻瓜式安装,可以自己选择安装目录,安装完成后,
帮助:nvm -h
安装nodejs:nvm install -v7.4.0(7.4.0是nodejs的版本号,可以通过:https://nodejs.org/en/ 查看当前nodejs的最新版本号)
(针对小白说一下,上面的命令行,执行通过cmd在命令行直接执行就行)
安装命令执行完成,不要着急,一定要记得执行下面的命令:
nvm use 7.4.0(7.4.0是nodejs的版本号)
如果不执行上面的命令,npm命令就会报不是内部或者外部命令
第五步:安装git
下载地址:
https://git-for-windows.github.io/ 直接download即可
安装注意选择支持windows Command 和 windows ’ default console window
安装注意选择支持windows Command 和 windows ’ default console window
第六步:配置国内镜像
因为需要下载东西而遭到国内禁止,你懂得,所以得配置镜像,方便我们下载:
npm config set registry
https://registry.npm.taobao.orgnpm
npm config set disturl
https://npm.taobao.org/dist
命令行执行这两段配置命令。
npm config set registry
npm config set disturl
命令行执行这两段配置命令。
第七部:安装react-native及命令行工具react-native-cli
这是react-native命令执行所必须不可缺少的文件。
命令如下:
npm install -g react-native
npm install -g react-native-cli
npm install -g react-native-cli
至此,react-native的相关准备工作就做完了,下面可以直接进入指定的工程目录,通过
react-native init MyProject(MyProject 是工程名字)命令直接生成一个react-native项目。
react-native相关基本命令:
开启工程命令: react-native start
检查FirstRNProject项目是否启动成功
在浏览器中访问http://localhost:8081/index.android.bundle?platform=android
在浏览器中访问http://localhost:8081/index.android.bundle?platform=android
运行 命令: react-native run-android(run-ios)
web运行准备:
运行 npm install -g react-web
然后cp .
de_modules/react-dom
b/* .
de_modules/react
b