重装Windows后VS Code Live Preview仅显示HTML，不加载CSS/JS

1. 确认Live Preview的服务路径与启动方式 #

• 打开VS Code设置（快捷键Ctrl+,），搜索Live Preview: Server Path，确保设置为你的项目根目录（而非单个文件所在子文件夹）。
• 启动预览时，右键点击项目根目录的HTML文件，选择Open with Live Preview，不要直接从编辑器标签页启动预览。

2. 排查资源文件的相对路径 #

• 检查HTML中引入CSS/JS的路径：使用相对于项目根的相对路径（比如./css/style.css），避免使用本地绝对路径（如C:/xxx/style.css）。
• 打开Live Preview页面的开发者工具（F12），查看控制台的404错误，直接定位资源加载失败的路径问题。

3. 重置VS Code工作区与扩展配置 #

• 将整个项目文件夹拖入VS Code作为工作区，不要单独打开单个文件。
• 找到Live Preview扩展，点击齿轮图标选择Reset Extension Settings，重置后重启VS Code。
• 删除项目根目录下.vscode/settings.json中的自定义路径配置（若存在），恢复默认设置。

4. 修复“no definitions found”提示 #

• 卸载并重装VS Code内置的HTML Language Features、CSS Language Features扩展，重启编辑器。
• 打开设置搜索files.associations，确认.html、.css、.js文件分别关联到对应语言类型（如.html -> html）。

5. 检查本地服务权限 #

• 暂时关闭Windows防火墙测试预览是否正常，若恢复正常，在防火墙中添加VS Code的网络访问权限。

内容的提问来源于stack exchange，提问作者Haider Ali