前端破圈Win11系统下安装使用Ubuntu子系统🏴‍☠️

前言

自己对使用 Linux 做开发似乎有种执念,也是由于之前使用 Windows 开发留下了一些阴影,本地系统下的程序运行正常,到服务器上不是环境不正常就是这不好使那不太兼容的 😭😭,本地直接安装使用 Linux 做开发,还能用 Windows 上安装各种工作应用等,简直完美 😄😄

开始配置Ubuntu

勾选功能项

首先在 控制面板 -> 程序和功能 -> 启动或关闭 Windows 功能 中勾选 适用于Linux的 Windows 子系统 和 虚拟机平台

重启系统

启动虚拟机平台

bash 复制代码
Enable-WindowsOptionalFeature -Online -FeatureName VirtualMachinePlatform

注意!

这些命令需要使用管理员权限运行,在 PowerShell 中执行

启动Linux子系统

bash 复制代码
Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux

打开 Microsoft Store 安装

搜索 Ubuntu 并下载,这里选择最新版 Ubuntu 20.04.6 LTS

安装成功后, 直接打开

第一次进入设置 UNIX 用户名和密码,就好了,可以使用 lsb_release -a 命令查看系统版本

注意!

第一次运行可能会遇到如下错误

这是由于没有升级 linux 内核导致的,使用 wsl --update 下载更新即可

bash 复制代码
> wsl --update
正在检查更新...
正在下载更新...
正在安装更新...
此更改将在 WSL 下次完全重启时生效。若要强制重启,请运行"wsl --shutdown"。
内核版本: 5.10.102.1

装好以后重启系统,再次打开 Ubuntu 就正常了

环境检查

这时候系统根目录下什么都没有,也没有 node, 一个干净的系统,开发的环境需要再单独装

前端环境安装

安装node

直接上命令 sudo apt install nodejs

诶哟,什么情况??? 如果经常用 Linux 可能一眼就知道怎么回事了, apt 没有更新导致的

更新apt源

执行 sudo apt update 更新一下 apt 软件源

软件源是Linux系统包管理器中用于提供软件包的服务器

再次执行 sudo apt install nodejs 命令就可以正常安装了,安装成功后检查 node 版本,发现 node 版本不正常,官网长期维护版都已经 18.17.0 了,并且没有 npm,这是由于没有指定安装源的原因

安装curl

换个方式重新安装,先装一下 curl

bash 复制代码
sudo apt-get update
sudo apt-get isntall curl

curl指定源安装node

使用 curl 重新安装 node, 下面的命令直接复制到终端(linux控制台)里敲回车就行了

bash 复制代码
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - &&\
sudo apt-get install -y nodejs

到这里,node 的版本就正常了,但是 npm 似乎不正常,我当时各种 Google, Baidu, ChatGPT , Bing 一通搜索没能解决,第二天电脑因为要更新,重启了一下,然后重新打开 Ubuntu 的时候发现好了,致敬万能的 重启 🙃🙃

前端开发环境装好了,可以开始在 Ubuntu 中愉快地编码啦 😀😀

欢迎大家讨论交流,如果文章感觉有用,随手点个赞再走呗 ^_^ 🥰🥰

微信公众号:草帽Lufei

相关推荐
柳杉33 分钟前
从数字化到数智化:3D 可视化大屏的下一个五年
前端·ai编程·数据可视化
风骏时光牛马1 小时前
从零到实战:AI全栈学习进阶路线
前端
程序员-King.1 小时前
【ROS1】Noetic 开发工作流程与常用命令
c++·ubuntu·ros
FRing032 小时前
JavaScript入门到精通二十六(变量提升、函数剩余参数、展开运算符、ES6箭头函数)
开发语言·前端·javascript·es6·箭头函数
用户360055579002 小时前
Kestrel_VLLM - 15 · decode 优化四连击:19ms → 8ms
前端
IT_陈寒2 小时前
JavaScript的闭包陷阱,这个坑我躺了三天才爬出来
前端·人工智能·后端
计算机魔术师2 小时前
Microsoft Research 与合作者证明 31 年历史的 KLS 猜想
前端
weixin_417396832 小时前
桌面云终端PXE启动失败怎么排查?从DHCP Option到镜像下发
开发语言·前端·php·技术·酒店·综合布线·弱电
林恒smileZAZ3 小时前
浏览器为什么加载不了超大图片
前端·vue.js·html5
hhwyqwqhhwy3 小时前
设备树之 provider 和 consumer
java·linux·前端