Windows用Hyper-V虚拟机搭建HTML离线学习环境

首先启用Hyper-V功能，通过“Windows功能”勾选Hyper-V并重启；接着在Hyper-V管理器中创建虚拟机，分配内存与硬盘空间；然后挂载Lubuntu等轻量级Linux系统的ISO镜像安装操作系统；系统安装后更新软件包，安装Geany编辑器和Firefox浏览器，并创建HTML练习目录；最后配置主机与虚拟机的文件共享，通过添加“来宾服务”并挂载共享文件夹实现文件互通。

如果您希望在本地计算机上创建一个独立的HTML学习环境，以便无需依赖网络即可进行练习和测试，则可以通过Windows自带的Hyper-V功能来搭建虚拟机环境。这种方式能够隔离系统资源，确保学习过程中的操作不会影响主机系统。

本文运行环境：联想ThinkPad X1 Carbon，Windows 11。

一、启用Hyper-V功能

在使用Hyper-V之前，必须确保该功能已在系统中启用。Hyper-V是Windows专业版及以上版本提供的虚拟化平台，启用后可创建和管理虚拟机。

1、按下 Win + R 键打开“运行”窗口，输入“optionalfeatures”并回车。

立即学习“前端免费学习笔记（深入）”；

2、在弹出的“Windows功能”窗口中，找到 Hyper-V 选项，并勾选其所有子项。

3、点击“确定”，系统将开始安装所需组件，完成后提示重启计算机，选择立即重启。

二、创建虚拟机

启用Hyper-V后，需要通过“Hyper-V管理器”创建新的虚拟机，为其分配必要的计算资源，如内存、处理器和硬盘空间。

1、右键点击“开始”菜单，选择“Hyper-V管理器”。

2、在右侧操作面板中点击“新建”，然后选择“虚拟机”。

3、按照向导设置虚拟机名称，例如命名为 HTML-Learning-VM。

4、为虚拟机分配至少 2048 MB 内存，并创建一个大小为25GB的虚拟硬盘。

5、选择安装操作系统的方式，推荐使用ISO镜像文件进行安装。

三、安装轻量级Linux系统

为了构建高效的离线HTML学习环境，建议安装一个轻量级且预装浏览器和文本编辑器的Linux发行版，如Lubuntu或Xubuntu。

1、下载Lubuntu的ISO镜像文件，并保存到本地磁盘指定位置。

2、在Hyper-V管理器中选中已创建的虚拟机，右键选择“设置”。

阿里云-虚拟数字人

阿里云-虚拟数字人是什么？ ...

2

查看详情

3、在“IDE控制器”下添加“光驱”，并将ISO镜像文件挂载进去。

4、启动虚拟机，按照屏幕提示完成操作系统的安装流程。

5、安装过程中设置用户名和密码，确保记住这些信息以便后续登录。

四、配置本地开发工具

系统安装完成后，需配置基本的HTML开发环境，包括代码编辑器和本地预览浏览器。

1、登录系统后打开终端，执行更新命令：sudo apt update && sudo apt upgrade。

2、安装轻量级文本编辑器Geany：sudo apt install geany。

3、同时安装Firefox浏览器（通常默认已安装）用于本地HTML文件预览。

4、创建一个专用目录用于存放HTML练习文件，例如在主目录下创建名为 html-practice 的文件夹。

五、实现主机与虚拟机文件共享

为方便在主机和虚拟机之间传输HTML练习文件，可以设置共享文件夹，提升学习效率。

1、关闭虚拟机，在Hyper-V管理器中选中该虚拟机，进入“设置”。

2、在“硬件”列表中选择“添加硬件”，然后添加“来宾服务”。

3、启动虚拟机并确认已开启“集成服务”。

4、在Hyper-V管理器右侧点击“插入集成服务安装盘”，运行安装程序。

5、在虚拟机内创建挂载点，例如执行命令：sudo mkdir /mnt/share。

6、使用命令挂载共享文件夹：sudo mount -t drvfs \tsclientD /mnt/share，其中D代表主机D盘。

以上就是Windows用Hyper-V虚拟机搭建HTML离线学习环境的详细内容，更多请关注php中文网其它相关文章！