如何为VS Code的FiveServer扩展配置根路径？

方法一：通过VS Code的settings.json配置 #

• 打开VS Code设置：使用快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac），点击右上角的「打开设置(JSON)」图标。
• 添加正确配置项：针对FiveServer v0.3.7，根路径的正确配置项为fiveServer.root，路径基准是当前打开的工作区根目录。若要设置data/www为根路径，配置代码如下：

  "fiveServer.root": "./data/www"
  

  注意路径前的./表示相对工作区根目录，需确保已正确打开包含data/www的文件夹作为工作区。

方法二：使用项目本地配置文件（.fiveserverrc或fiveserver.config.js） #

• 放置位置：直接放在VS Code工作区根目录下（即你在VS Code中打开的文件夹的根位置）。
• 配置示例：
  • .fiveserverrc（JSON格式）：

    {
      "root": "./data/www"
    }
    

  • fiveserver.config.js（JS格式）：

    module.exports = {
      root: "./data/www"
    }
    

• 优先级：本地配置文件的优先级高于VS Code的settings.json，若两者同时存在，会优先使用本地文件的配置。

注意事项 #

• 确认data/www目录确实存在于工作区根目录下，路径拼写无错误。
• 修改配置后，重启FiveServer扩展（在VS Code扩展面板找到FiveServer，点击「重新加载」）或重启VS Code，确保配置生效。

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