CSS文件自动更新-解网

问：

有没有办法使CSS更改在我的模板上自动更新，而无需我手动刷新页面？

我看到这个问题被问了几次，但没有一个答案对我有用。

我添加此代码是为了在重新加载页面时获取 CSSS 文件的新版本，而不是旧的缓存版本。我认为这可能会造成一些冲突。代码如下：

<link rel="stylesheet"  href='{% static 'signup.css' %}?{% now "U" %}'>

CSS 模板

0赞 Harrison 9/9/2023

这取决于很多事情，React 开发会自动使用 create-react-app 执行此操作，如果您使用的是 Python Flask 应用程序或 .Net 应用程序，则可能需要安装可以启用此功能的库或包

答：

0赞 Noa 9/9/2023 #1

如果您使用的是 vanilla JS（意味着没有框架），则有一个名为“Live Server”的 VSCode 扩展。它允许更改检测并刷新页面本身

0赞 Ecem 9/10/2023

谢谢你的回答！！我使用了 JQuery（我知道它不是一个框架，而是一个库），但是，我已经有了实时服务器，它根本没有帮助。

-1赞 Soroushmp 9/9/2023 #2

要在 Django 项目中实现实时编码而无需手动刷新页面，您可以使用名为“Django Auto-Reloader”的开发工具。每当它检测到你的代码更改时，这个工具都会自动重新加载你的 Django 服务器，让你无需手动刷新页面即可查看更新。设置方法如下：

安装 Django Auto-Reloader：

你可以使用 pip 安装 Django Auto-Reloader：
```
pip install django-autoreloader
```
将“autoreloader”添加到你的 Django 应用程序中：

打开 Django 项目的文件并添加到列表中：settings.py'autoreloader'INSTALLED_APPS
```
INSTALLED_APPS = [
    # ...
    'autoreloader',
    # ...
]
```
配置自动重装机：

在您的文件中，您可以配置自动重新加载程序以监视特定目录或文件类型的更改。默认情况下，它会监视项目的根目录，并在任何文件或文件发生更改时重新加载。您可以在以下位置自定义此行为：settings.py.py.htmlsettings.py
```
# Auto-Reloader Configuration
AUTO_RELOADER_WATCH_DIRS = [
    # Add directories to watch for changes
]

AUTO_RELOADER_IGNORE_PATTERNS = [
    # Add patterns to ignore specific files or directories
]
```
运行开发服务器：

像往常一样启动你的 Django 开发服务器：
```
python manage.py runserver
```
自动重新加载程序将自动检测代码更改并为您重新加载服务器。
开始编码：

现在，当你对 Django 项目的代码（视图、模板、模型等）进行更改时，Auto-Reloader 会自动刷新服务器，你可以在 Web 浏览器中查看更新，而无需手动刷新页面。

请注意，虽然 Auto-Reloader 是加快开发工作流程的绝佳工具，但它适用于开发环境，不应在生产环境中使用。在部署 Django 项目时，请务必将其关闭或从生产设置中删除。

1赞 Ecem 9/10/2023

非常感谢！！我认为这可能是解决方案，但是，我尝试安装它，但它给了我一个错误并且失败了:(

1赞 Ecem 9/10/2023

以下是错误消息：注意：此错误源自子进程，可能不是 pip 的问题。错误：subprocess-exited-with-error × 获取构建轮的需求未成功运行。│ 退出代码：1 ╰─> 输出见上文。

0赞 masihamini_ 9/9/2023 #3

若要实现所需的结果，需要在 VS 代码中执行两个步骤：

最后，重新加载窗口。

0赞 Ecem 9/10/2023

实际上，您的回答有助于解决我的另一个问题！非常感谢！！这不适用于使页面自动重新加载，所以我将尝试其他答案。@masihamini_

0赞 user22522859 9/9/2023 #4

您在可视化代码中有一个自动更新功能！

1赞 Ecem 9/10/2023

那是什么？

CSS文件自动更新