【Mac难民】使用WSL2搭建React环境
首先
我想要建立一个作品集网站,既然要建立那就想用流行的React来建立。
但是关于环境配置的网站、Udemy课程、导师等多数是以Mac为前提。
我没有Mac,而且我的主要台式电脑是Windows,也不需要笔记本电脑,因为我不出门。
而且还很贵。
因此,我尝试使用WSL2来进行最基本的React环境配置。
环境
Windows10家庭版
WSL2 Ubuntu 20.04LTS
目标环境:
– 使用nodebrew工具
– 安装Node.js 14.17.0版本
– 安装Yarn 1.22.5版本
– 安装create-react-app命令
环境建构
我参考了这个网站[1]。
根据nodejs官方[2]的最新消息,截止到2021年6月12日,v14.17.0是最新的LTS版本,所以只需要将其更改为这个版本。
我成功下载了nodejs,但yarn的安装没有成功,所以我参考了另一个网站[3]来继续进行。
然而,create-react-app命令无法被系统识别。
文章中有解决方法,但即便我按照解决方法进行操作,该命令仍无法被系统识别。
我使用find命令来搜索路径。
cd /
find ./ -name create-react-app
找到路径后,将其添加到.bashrc文件中并使用source命令进行更新。
具体来说,需要添加export PATH=$PATH:’/home/用户名/.yarn/bin’。
使用which命令确认路径。
which create-react-app
如果输出了,那就意味着通行许可。
在执行create-react-app命令后,进入目录并运行yarn start,即可按照[1]中的说明执行。
结束时
想象的简单,但如果没有一定的Linux知识,环境配置仍然很难。
看起来好像也能用Docker了,或许可以考虑用WSL2。
因为信息太少了,所以如果经济允许的话,还是买个Mac比较好。
那么就这样吧。
请列出参考文献。(Please list the references.)
[1]: 用WSL使用React尝试打印 Hello World
[2]: Node.js公式
在Ubuntu上进行yarn的安装。