修改 liveServer 的根目录

背景故事

这个项目中， 生成的静态文件全部在 dist 目录中， 在本地预览时， 需要修改 liveServer 的默认目录。

用中文简单搜索了一下，一如既往的令人失望。 最终还是在官方的faqs中找到了答案。 简单记录下， 如果有类似需求的， 希望能节省你几分钟时间。

操作步骤

1. 在项目根目录下新建.vscode 文件夹，并新建 settings.json。如果已经有了就不需要。
2. 在 settings.json 中指定子目录。同样，也可以修改端口号、默认浏览器等。
3. 需要重启 vscode 才能生效。

{
  "liveServer.settings.port": 5500,
  "liveServer.settings.root": "/dist"
}

What I Learned

在项目中创建 .vscode 文件夹， 通过 settings.json 可以自定义本项目独有的配置。