Auto Reload Backend：VS Code扩展，开启高效Web开发新时代

Auto Reload Backend是一款专门为Web开发者设计的Visual Studio Code扩展，通过自动重启Node.js后端和刷新浏览器，极大地提升了开发效率。它适用于JavaScript、TypeScript、HTML、CSS、EJS、React、Vue、Svelte等多种语言和框架，支持自定义设置，提供直观的状态指示器，帮助您专注于编写优质代码。

核心功能：

• 自动重启Node.js服务器： 当服务器端文件发生变化时，即时重启后端。
• 浏览器自动刷新： 前端更新时自动刷新浏览器。
• WebSocket通信： 与浏览器扩展建立快速、可靠的连接。
• 多语言支持： 适用于JavaScript、TypeScript、HTML、CSS、EJS、React、Vue、Svelte等。
• 可自定义设置： 根据您的项目需求定制扩展。
• 视觉反馈： VS Code中清晰的状态指示器显示服务器和连接状态。

要求：

• Visual Studio Code v1.60.0或更高版本
• Node.js v12.0.0或更高版本
• Auto Reload Backend浏览器扩展（适用于Chrome、Firefox、Edge和Safari）

安装：

1. 打开Visual Studio Code。
2. 进入扩展视图（Ctrl Shift P或Cmd Shift P，然后输入"Extensions"）。
3. 搜索"Auto Reload Backend"。
4. 点击安装。

使用：

1. 在VS Code中打开您的Web项目。
2. 在VS Code状态栏中查找"Auto Reload Active"按钮。
3. 点击"Auto Reload Active"按钮开启或关闭扩展。
4. 激活后，开始编码并观察您的更改立即在浏览器中显示。

"Auto Reload Active"按钮会根据自动重载功能的当前状态改变外观。

状态指示器：

"Auto Reload Active"按钮作为状态指示器：

• 绿色：自动重载功能已激活并正常运行。
• 红色：自动重载功能未激活。
• 黄色：自动重载功能已激活，但可能存在连接问题。

注意：确保您的Node.js服务器正在运行，并且已安装Auto Reload Backend浏览器扩展以实现完整功能。

配置：

您可以在VS Code设置中自定义扩展的行为：

{
  "autoReloadBackend.websocketPort": 8080,
  "autoReloadBackend.watchFolders": ["src", "public"],
  "autoReloadBackend.fileTypes": [".js", ".ts", ".html", ".css"]
}

• websocketPort：设置WebSocket服务器的端口（默认值：8080）。
• watchFolders：指定要监控变化的文件夹。
• fileTypes：定义哪些文件类型应触发重载。

故障排除：

如果遇到任何问题：

1. 确保您已安装最新版本的VS Code扩展和浏览器扩展。
2. 检查您的Node.js版本是否兼容。
3. 验证WebSocket连接是否已建立（您应该在VS Code中看到状态指示器）。
4. 如果问题持续存在，请在我们的GitHub存储库中提交问题。

贡献：

我们欢迎贡献！请查看我们的CONTRIBUTING.md文件，了解如何参与。

许可证：

本项目采用MIT许可证 - 请查看LICENSE.md文件了解详情。

支持：

如果您需要帮助或有问题，请：

• 查看我们的常见问题解答
• 在我们的GitHub存储库中提交问题
• 联系我们：support@autoreloadbackend.com

为何选择Auto Reload Backend？

• 节省时间：消除手动重载，专注于编写优质代码。
• 灵活性：支持广泛的Web技术和框架。
• 用户友好：易于设置和使用，具有直观的控制。
• 性能：优化速度，对开发环境的影响最小。
• 积极开发：根据用户反馈定期更新和添加新功能。

体验Auto Reload Backend带来的无缝开发体验吧！?✨