【React Native】回归跨平台开发——细细碎碎念念

1. 前言

    终于秋招对我来说告一个段落了。前前后后投递了二三十家公司,最终进入面试的一共十二家。走到最后的一共六家,分别是阿里、涂鸦智能、小红书、茄子、百度和京东。于今天正式签了阿里,也希望之后会更好。虽然薪资没有之前做项目的另一个同学高,但是我觉得自己也已经满足了。

在面试的过程中确实也发现了自己的一些不足之处,也明白了自己的生活和技术方向的努力改进和提高方向。在接下来的日子里,将更加磨砺前行。

至于为什么说是回归跨平台开发,因为刚打开了一下React Native的官网发现其实开发方式和微信小程序的类似,也和Vue类似。故而也就是前端开发了,也的确算得上是回归了。因为Boss要求为:

React Native的代码认真看几遍;

所以其实任务还是挺多的。接下来自己的技术学习方向也就是:

  • 原生开发的继续深入;
  • React Native学习和深入;
  • 小论文思路和实验;

2. React Native环境配置

因为已经开了一篇来说说细细碎碎的事,所以这里为了凑篇幅就还是简单的来学习记录下环境配置。参考官方文档:搭建开发环境

必须安装的依赖有:Node(版本应大于等于 12)、JDK(版本必须是 1.8) 和 Android Studio

因为这三个软件都使用过,所以这里检查下:
在这里插入图片描述)
刚好都满足要求,然后检查一下ANDROID_HOME的环境变量,将platform-toolsemulatortoolstools\bin等工具添加到Path环境变量。

在这里插入图片描述
均满足:
在这里插入图片描述
然后就可以进行项目的创建了。使用命令:

npx react-native init AwesomeProject

注意事项:请不要在目录、文件名中使用中文、空格等特殊符号。不要单独使用常见的关键字作为项目名(如 class, native, new, package 等等)。请不要使用与核心模块同名的项目名(如 react, react-native 等)。

当然,在运行命令之前先换个源:

# 使用nrm工具切换淘宝源
npx nrm use taobao

# 如果之后需要切换回官方源可使用
npx nrm use npm

在这里插入图片描述
然后执行:
在这里插入图片描述

发现卡死了,还是算了。。。直接输入:

npm install -g yarn react-native-cli

在这里插入图片描述
然后确保react-native命令可用:
在这里插入图片描述
继续,创建项目以及运行项目命令:

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

在这里插入图片描述
执行完毕后也有接下来的运行提示:
在这里插入图片描述
还是很有意思,直接启动了Android Studio中的虚拟机。接着不放看看本地文件夹下的这个项目目录:
在这里插入图片描述
当然,为了在前端开发中有提示,这里还是安装Webstorm,虽然VSCode等编辑器也行。但是,在日常开发中还是比较习惯jerbrians出品的IDE这一套风格。

在这里插入图片描述
如果需要看到效果,直接使用命令react-native run-android即可看到效果:
在这里插入图片描述


Thanks

Guess you like

Origin blog.csdn.net/qq_26460841/article/details/121034480