Mac VMWare文件夹桥接设置教程

本文详细介绍了在Mac上使用VMware运行Linux虚拟机时，如何通过配置共享文件夹、安装open-vm-tools、手动挂载hgfs路径以及联动Mac端热重载开发服务器，实现Linux中编辑CSS文件后即时同步并自动刷新浏览器效果的完整工作流——让你在熟悉的Linux开发环境中高效编码，同时享受Mac原生前端服务的实时预览体验。

如果您在Mac上使用VMware运行Linux虚拟机，并希望实现文件夹桥接，使得Linux中对CSS文件的修改能够立即反映到Mac主机上，可以通过配置共享文件夹和实时同步来实现。以下是具体操作步骤：

一、配置VMware共享文件夹

通过VMware的共享文件夹功能，可以将Mac上的指定目录映射到Linux虚拟机中，从而实现文件互通。

1、关闭Linux虚拟机，进入VMware的虚拟机设置界面。

2、选择“选项”标签下的“共享文件夹”，启用共享文件夹功能。

3、添加一个新的共享文件夹，选择Mac上存放CSS项目的目录路径。

4、设置共享模式为“始终启用”，确保每次启动虚拟机时自动挂载。

5、启动Linux虚拟机后，在/mnt/hgfs/目录下即可访问共享文件夹内容。

二、在Linux中挂载共享文件夹

若系统未自动挂载共享文件夹，需手动安装VMware Tools并执行挂载命令以确保文件夹可访问。

1、在Linux终端中安装open-vm-tools工具包：sudo apt install open-vm-tools open-vm-tools-desktop。

2、创建本地挂载点：sudo mkdir -p /mnt/hgfs。

3、使用vmhgfs-fuse命令挂载共享驱动器：sudo vmhgfs-fuse .host:/ /mnt/hgfs -o allow_other -o uid=1000。

4、验证是否成功挂载，使用ls /mnt/hgfs查看Mac共享目录中的文件。

三、配置代码编辑环境

确保在Linux中编辑的CSS文件实际存储于共享文件夹内，以便Mac端能即时读取变更。

1、将项目根目录指向/mnt/hgfs/下的共享路径，例如：/mnt/hgfs/project/css/style.css。

2、使用文本编辑器（如VS Code、Sublime Text）打开该路径下的CSS文件进行修改。

3、保存更改后，无需额外操作，Mac主机上对应文件即刻更新。

四、启用浏览器实时刷新

在Mac端配合使用支持热重载的开发服务器，可实现CSS修改后页面自动刷新。

1、在Mac终端中进入共享项目目录，启动本地开发服务器，例如使用Live Server或Webpack Dev Server。

2、启动服务后，打开浏览器访问本地地址（如http://localhost:3000）。

3、当Linux中保存CSS改动时，Mac端服务器检测到文件变化，触发浏览器自动刷新，显示最新样式效果。

今天关于《Mac VMWare文件夹桥接设置教程》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于VMware,Mac的内容请关注golang学习网公众号！