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

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

前言

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

开始配置Ubuntu

勾选功能项

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

image.png

重启系统

启动虚拟机平台

Enable-WindowsOptionalFeature -Online -FeatureName VirtualMachinePlatform

注意!

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

image.png

启动Linux子系统

Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux

image.png

打开 Microsoft Store 安装

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

image.png

安装成功后, 直接打开

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

image.png

注意!

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

image.png

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

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

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

环境检查

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

image.png


前端环境安装

安装node

直接上命令 sudo apt install nodejs

image.png

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

更新apt源

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

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

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

image.png

安装curl

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

bash

sudo apt-get update
sudo apt-get install curl

curl指定源安装node

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

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

image.png

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

image.png

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

目录
相关文章
|
1月前
|
Ubuntu Linux 测试技术
Linux系统之Ubuntu安装cockpit管理工具
【10月更文挑战第13天】Linux系统之Ubuntu安装cockpit管理工具
123 4
Linux系统之Ubuntu安装cockpit管理工具
|
1月前
|
Ubuntu 测试技术 网络安全
Ubuntu系统下部署flatpress轻量级博客系统
【10月更文挑战第3天】Ubuntu系统下部署flatpress轻量级博客系统
48 3
Ubuntu系统下部署flatpress轻量级博客系统
|
26天前
|
Ubuntu 编译器 计算机视觉
Ubuntu系统编译OpenCV4.8源码
【10月更文挑战第17天】只要三步即可搞定,第一步是下载指定版本的源码包;第二步是安装OpenCV4.8编译需要的编译器与第三方库支持;第三步就是编译OpenCV源码包生成安装文件并安装。
|
26天前
|
监控 JavaScript 前端开发
前端的混合之路Meteor篇(六):发布订阅示例代码及如何将Meteor的响应数据映射到vue3的reactive系统
本文介绍了 Meteor 3.0 中的发布-订阅模型,详细讲解了如何在服务器端通过 `Meteor.publish` 发布数据,包括简单发布和自定义发布。客户端则通过 `Meteor.subscribe` 订阅数据,并使用 MiniMongo 实现实时数据同步。此外,还展示了如何在 Vue 3 中将 MiniMongo 的 `cursor` 转化为响应式数组,实现数据的自动更新。
|
1月前
|
Ubuntu Linux Python
Ubuntu学习笔记(六):ubuntu切换Anaconda和系统自带Python
本文介绍了在Ubuntu系统中切换Anaconda和系统自带Python的方法。方法1涉及编辑~/.bashrc和/etc/profile文件,更新Anaconda的路径。方法2提供了详细的步骤指导,帮助用户在Anaconda和系统自带Python之间进行切换。
84 1
|
19天前
|
消息中间件 Ubuntu Java
Ubuntu系统上安装Apache Kafka
Ubuntu系统上安装Apache Kafka
|
1月前
|
Ubuntu Shell API
Ubuntu 64系统编译android arm64-v8a 的openssl静态库libssl.a和libcrypto.a
Ubuntu 64系统编译android arm64-v8a 的openssl静态库libssl.a和libcrypto.a
|
1月前
|
开发框架 缓存 Ubuntu
dotnet开发框架+ubuntu防火墙命令+win11设置自动登录+阿里云短信发送限制
dotnet开发框架+ubuntu防火墙命令+win11设置自动登录+阿里云短信发送限制
36 2
|
26天前
|
前端开发 安全 API
前端全栈之路Deno篇(三):一次性搞懂和学会用Deno 2.0 的权限系统详解和多种权限配置权限声明方式
本文深入解析了 Deno 2.0 的权限系统,涵盖主包和第三方包的权限控制机制,探讨了通过命令行参数、权限 API 和配置文件等多种权限授予方式,并提供了代码示例和运行指导,帮助开发者有效管理权限,提升应用安全性。
|
1月前
|
JavaScript 前端开发
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信