VS Code中LiveServer插件点击Go Live无法打开正确HTML文件怎么办？

问题根因 #

• LiveServer默认启动优先级为：自定义配置的固定启动文件 > 工作区根目录下的index.html > 工作区全局检索到的第一个HTML文件，你遇到的情况是检索时优先匹配到了TailwindCSS文件夹下的HTML文件，属于默认逻辑，并非插件异常。

解决方法 #

单次快速打开指定文件 #

在VS Code资源管理器中找到你要预览的index.html，右键点击选择Open with Live Server，即可直接启动对应文件的预览，无需使用右下角的Go Live按钮。

永久修正启动逻辑 #

• 方案1：将你需要预览的index.html放在工作区根目录下，点击Go Live时会默认优先打开根目录的index文件。
• 方案2：自定义固定启动文件：
  1. 按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开VS Code设置面板
  2. 搜索Live Server: Startup File，在配置项中填写目标文件的相对路径，例如目标文件在工作区test文件夹下就填写test/index.html
  3. 若需要调整服务根目录，搜索Live Server: Root，填写你要作为服务根目录的文件夹相对路径即可

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