前端破圈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 芯片 开发者
Ubuntu 25 ARM 桌面系统抢先版发布:第一个Ubuntu ARM桌面系统
Ubuntu 25.04 将于2025年发布,首次支持ARM Desktop桌面版系统,为ARM架构设备如Mac M系列芯片、Raspberry Pi等带来全新的桌面体验。用户可通过虚拟机或双系统安装在Mac上运行Ubuntu ARM,抢先体验版已开放下载:[链接](https://www.baihezi.com/ubuntu/arm/desktop)。此版本不仅扩展了Ubuntu的硬件兼容性,还提供了丰富的功能和流畅的操作体验,适合开发者和技术爱好者尝试。
32 9
|
8天前
|
机器学习/深度学习 前端开发 算法
婚恋交友系统平台 相亲交友平台系统 婚恋交友系统APP 婚恋系统源码 婚恋交友平台开发流程 婚恋交友系统架构设计 婚恋交友系统前端/后端开发 婚恋交友系统匹配推荐算法优化
婚恋交友系统平台通过线上互动帮助单身男女找到合适伴侣,提供用户注册、个人资料填写、匹配推荐、实时聊天、社区互动等功能。开发流程包括需求分析、技术选型、系统架构设计、功能实现、测试优化和上线运维。匹配推荐算法优化是核心,通过用户行为数据分析和机器学习提高匹配准确性。
37 3
|
6天前
|
前端开发 搜索推荐 安全
陪玩系统架构设计陪玩系统前后端开发,陪玩前端设计是如何让人眼前一亮的?
陪玩系统的架构设计、前后端开发及前端设计是构建吸引用户、功能完善的平台关键。架构需考虑用户需求、技术选型、安全性等,确保稳定性和扩展性。前端可选用React、Vue或Uniapp,后端用Spring Boot或Django,数据库结合MySQL和MongoDB。功能涵盖用户管理、陪玩者管理、订单处理、智能匹配与通讯。安全性方面采用SSL加密和定期漏洞扫描。前端设计注重美观、易用及个性化推荐,提升用户体验和平台粘性。
32 0
|
24天前
|
人工智能 自然语言处理 前端开发
【AI系统】LLVM 前端和优化层
本文介绍了 LLVM 编译器的核心概念——LLVM IR,并详细讲解了 LLVM 的前端 Clang 如何将 C、C++ 等高级语言代码转换为 LLVM IR。文章还探讨了编译过程中的词法分析、语法分析和语义分析三个关键步骤,以及 LLVM 优化层的 Pass 机制,包括分析 Pass 和转换 Pass 的作用及依赖关系。
26 3
|
1月前
|
Ubuntu Linux 网络安全
linux系统ubuntu中在命令行中打开图形界面的文件夹
在Ubuntu系统中,通过命令行打开图形界面的文件夹是一个高效且实用的操作。无论是使用Nautilus、Dolphin还是Thunar,都可以根据具体桌面环境选择合适的文件管理器。通过上述命令和方法,可以简化日常工作,提高效率。同时,解决权限问题和图形界面问题也能确保操作的顺利进行。掌握这些技巧,可以使Linux操作更加便捷和灵活。
38 3
|
2月前
|
Ubuntu Linux 测试技术
Linux系统之Ubuntu安装cockpit管理工具
【10月更文挑战第13天】Linux系统之Ubuntu安装cockpit管理工具
228 4
Linux系统之Ubuntu安装cockpit管理工具
|
2月前
|
Ubuntu 测试技术 网络安全
Ubuntu系统下部署flatpress轻量级博客系统
【10月更文挑战第3天】Ubuntu系统下部署flatpress轻量级博客系统
56 3
Ubuntu系统下部署flatpress轻量级博客系统
|
2月前
|
Ubuntu 编译器 计算机视觉
Ubuntu系统编译OpenCV4.8源码
【10月更文挑战第17天】只要三步即可搞定,第一步是下载指定版本的源码包;第二步是安装OpenCV4.8编译需要的编译器与第三方库支持;第三步就是编译OpenCV源码包生成安装文件并安装。
|
2月前
|
监控 JavaScript 前端开发
前端的混合之路Meteor篇(六):发布订阅示例代码及如何将Meteor的响应数据映射到vue3的reactive系统
本文介绍了 Meteor 3.0 中的发布-订阅模型,详细讲解了如何在服务器端通过 `Meteor.publish` 发布数据,包括简单发布和自定义发布。客户端则通过 `Meteor.subscribe` 订阅数据,并使用 MiniMongo 实现实时数据同步。此外,还展示了如何在 Vue 3 中将 MiniMongo 的 `cursor` 转化为响应式数组,实现数据的自动更新。
|
2月前
|
Ubuntu Linux Python
Ubuntu学习笔记(六):ubuntu切换Anaconda和系统自带Python
本文介绍了在Ubuntu系统中切换Anaconda和系统自带Python的方法。方法1涉及编辑~/.bashrc和/etc/profile文件,更新Anaconda的路径。方法2提供了详细的步骤指导,帮助用户在Anaconda和系统自带Python之间进行切换。
124 1