前端破圈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

相关推荐
yuren_xia13 分钟前
Spring Boot中保存前端上传的图片
前端·spring boot·后端
y1x2y31 小时前
【HITCSAPP 哈工大计算机系统期末大作业】 程序人生-Hello’s P2P
linux·程序人生·ubuntu
普通网友1 小时前
Web前端常用面试题,九年程序人生 工作总结,Web开发必看
前端·程序人生·职场和发展
后端木木2 小时前
一键 Ubuntu、Debian、Centos 换源(阿里源、腾讯源等)
ubuntu·centos·debian
站在风口的猪11083 小时前
《前端面试题:CSS对浏览器兼容性》
前端·css·html·css3·html5
青莳吖4 小时前
使用 SseEmitter 实现 Spring Boot 后端的流式传输和前端的数据接收
前端·spring boot·后端
Amo Xiang5 小时前
Python 解释器安装全攻略(适用于 Linux / Windows / macOS)
linux·windows·python·环境安装
CodeCraft Studio5 小时前
PDF处理控件Aspose.PDF教程:在 C# 中更改 PDF 页面大小
前端·pdf·c#
拉不动的猪5 小时前
TS常规面试题1
前端·javascript·面试
再学一点就睡5 小时前
实用为王!前端日常工具清单(调试 / 开发 / 协作工具全梳理)
前端·资讯·如何当个好爸爸