live server插件不能正常使用

Question

vscode设置了自动保存但是live server插件确不能正常刷新

而且我设置了版心居中的css，在浏览器正常运行有效果，用live server插件却没有版心居中的效果

Answer 1

引自免费微信小程序：皆我百晓生

看起来您在使用VSCode的Live Server插件时遇到了一些问题。让我们一步步解决它们。

首先，确保您的Live Server插件是最新的。您可以检查VSCode扩展市场以更新插件。若要手动更新插件，请点击VSCode左上角的 Extensions 按钮（一个方形的带有三条横线的图标），然后找到 Live Server 扩展，如果有可用的更新，它旁边会有一个向上的箭头。单击这个箭头并安装更新。

其次，确认您的HTML代码是否正确地应用了居中样式。从您提供的代码片段来看，似乎没有看到明确的居中样式。要在CSS中实现页面内容居中，通常可以这样设置：

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

将这段代码添加到您的./style/index.css文件中，并确保引入了正确的CSS路径。然后，刷新浏览器应该可以看到内容居中显示。

接下来，关于Live Server插件未能自动刷新的问题，这可能是因为某些原因导致了插件没有检测到文件更改。尝试以下步骤来解决这个问题：

1. 关闭当前的Live Server实例。
2. 在VSCode中，转到顶部菜单选择 File -> Preferences -> Settings (Windows/Linux) 或者 Code -> Preferences -> Settings (macOS)。
3. 在设置搜索框中输入 "Live Server"，然后找到 "Live Server: Watch Interval" 设置项。
4. 将 "Watch Interval" 的值更改为一个较小的数值，例如100毫秒（100）。
5. 重启VSCode并重新启动Live Server。

这些步骤应该能解决您的大部分问题。如果您仍然遇到问题，比如页面内容不居中，那么可能是其他CSS规则覆盖了上述居中样式。在这种情况下，您需要检查整个项目中的CSS代码，查找可能影响居中的其他样式，并适当调整它们。

请按照上述步骤操作，如果还有任何疑问或问题，请随时告诉我。