首先配置WSL剪贴板共享，通过在~/.bashrc中添加win32yank别名并安装工具实现复制粘贴互通；接着将项目存于Windows的C:\projects目录，通过/mnt/c路径在WSL中访问并设置权限，利用webpack等工具监听文件变化实现CSS实时更新；最后创建符号链接ln -s /mnt/c/projects ~/projects，将Windows项目映射到WSL主目录，提升操作便捷性，并结合VS Code Remote-WSL插件统一开发环境。
如果您在使用WSL Ubuntu时希望实现与Windows系统的剪贴板共享，并能实时将Windows端修改的CSS文件同步到Linux环境中立即查看效果，可以通过以下方法进行配置和操作。
一、启用WSL剪贴板共享
WSL默认未开启与Windows主机的剪贴板互通功能，需手动配置以允许Linux子系统访问Windows剪贴板数据。通过环境变量设置可实现命令行中复制内容自动同步至Windows剪贴板。
1、打开WSL终端，编辑用户级bash配置文件：nano ~/.bashrc。
2、在文件末尾添加如下行：alias clip='win32yank.exe -i --crlf' 和 alias paste='win32yank.exe -o --crlf'。
立即学习“前端免费学习笔记（深入）”；
3、保存并退出编辑器，执行 source ~/.bashrc 使更改立即生效。
4、安装 win32yank 工具（若尚未安装），可在 PowerShell 中运行：scoop install win32yank 或从 GitHub 手动下载二进制文件放入 PATH 路径。
二、配置文件系统双向同步
为了让Windows上编辑的CSS文件能即时反映在WSL Ubuntu环境中，利用WSL对/mnt/c等挂载点的支持，直接访问Windows磁盘中的项目目录，确保两个系统读取同一物理文件。
1、将前端项目放置于Windows常见路径如 C:\projects\myapp 目录下。
2、在WSL中通过 cd /mnt/c/projects/myapp 进入该项目路径。
3、确认文件权限正确，必要时运行 sudo chmod -R 755 /mnt/c/projects/myapp 设置访问权限。
4、使用Linux工具链（如webpack、vite）监听该目录下的文件变化，启动开发服务器后即可实现实时刷新。
三、使用符号链接整合开发路径
为避免频繁切换/mnt/路径，可通过创建符号链接将Windows项目目录映射到WSL用户的主目录下，提升操作便捷性。
1、在WSL终端中执行命令：ln -s /mnt/c/projects ~/projects。
2、进入链接目录：cd ~/projects/myapp，其行为与原路径完全一致。
3、在此目录中运行Node.js服务或构建工具，所有对CSS文件的修改均由文件系统通知机制触发更新。
4、建议在VS Code中打开此路径项目，利用Remote-WSL插件保持编辑环境一致性。
