VS Code中Live Server无法打开HTML文件的解决求助

确认VS Code工作区根目录 #

• 必须把你的练习项目文件夹设为VS Code的工作区根目录：点击左侧资源管理器的「打开文件夹」，选中你的项目文件夹。Live Server默认从工作区根目录启动，要是没正确设置根目录，就会显示上层目录的列表。

直接从目标文件启动Live Server #

• 在VS Code里打开你要预览的HTML文件，右键点击编辑器的空白区域，选择「Open with Live Server」——别从文件夹右键启动，这样能直接定位到当前打开的文件，不会跳转到目录列表。

配置Live Server默认启动文件 #

• 按Ctrl+,打开VS Code设置，搜索live server settings root，把Live Server: Root设为你的项目路径（比如./代表当前工作区根目录）；
• 再搜索live server settings default file，设置Live Server: Default File为你常用的文件名（比如index.html）。之后启动Live Server会自动加载这个文件，不用再手动选。

检查文件命名与路径 #

• 别给HTML文件起带空格或特殊字符的名字（比如把测试 页面.html改成test-page.html）；
• 确保文件在项目文件夹内，要是在子目录里，启动后手动点目录进去找就行。

重置Live Server扩展设置 #

• 打开VS Code扩展面板，找到Live Server，点齿轮图标选「Extension Settings」，再点右上角的「Reset Settings」恢复默认配置，之后重新尝试启动。

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