最近在学学ReactNative,环境搭建都好复杂的感觉,哈哈哈,不过还是一步步来,多学学,体验一下。
参考网站 https://reactnative.cn/docs/next/getting-started.html
emmmm,差不多按照上述文档来就行,不过还是自行总结一遍这个过程。
Chocolatey
这个软件我这并没有装,需要翻墙,而且慢,看到下面的 python 和 nodejs 也只是通过 choco 命令来安装,我这就没去下载这个了,直接自行去官网安装那些 python 和 nodejs 也是 ok 的。
Python2
下载地址:https://www.python.org/getit/ 这个 一定要2.x.x的版本才行(因为目前不支持Python 3版本)。别下错了,然后就是安装。配置的话就打开环境变量,在Path中新添加python的安装地址。
Node
下载地址:https://nodejs.org/en/download/ 下载安装完毕后,同样可以在cmd下面输入node -v 查看当前安装的node的版本。
然后设置npm镜像加速后面过程,就复制粘贴以下两命令就ok。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
react-native-cli
接下来就是照着做,
复制粘贴命令 npm install -g yarn react-native-cli 我这原来好像装过这个了。
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
目前为止顺利着。
接下来呢,文档就是介绍Android开发环境的安装与配置了,这个作为Android开发,应该都会吧,先下好jdk,配置一下,然后下载Android Studio、SDK什么的,RN开发下必须的一些版本下载好,就ok。
测试安装
-
react-native init MyAppProject
先进入D盘,然后执行命令创建一个项目
- 进入创建的项目目录,运行项目,命令如下
cd MyAppProject
react-native run-android
我这里连接了真机,运行完毕后命令显示
这里还会跳出一个node的窗口,显示占用了8081窗口,所以,如果是有其他的软件占用了这个端口,那么就会运行不成功,需要注意一下。
真机显示如下图:
最后,打开项目中的App.js文件,加点代码试着体验一下。
好啦,终于体验一把RN了,把它运行到了Android手机上,接下来继续学习去喽~ 感慨一下,真是学无止境啊啊啊~