如何让 liveserver 渲染 django 模板？

Question

我一直在搞一个教程网站，当我尝试打开 Django 模板时，我发现我的 VS Code LiveServer 插件无法正常工作。我应用的 CSS 丢失了（尽管在我的本地开发服务器中一切都正确呈现），并且模板语言代码实际上是打印到屏幕上而不是执行（见下图）。我的 liveserver 插件似乎正在处理 Django 之外的 html 文件。

(1) 现在我右键单击并选择“使用 Liveserver 打开”。这对 Django 来说是错的吗？ liveserver 文档建议尝试“访问实际服务器地址：http://localhost/[workspace]，而不是 VS Code 扩展的实时服务器地址：http://127.0.0.1:5500/"。我尝试使用文件路径代替 [workspace]，但是不走运。我该怎么办？

(2) 我在另一个帖子中看到有人推荐了他们自己的解决方案，here。我不确定应该在哪里运行“./manage.py livereload”命令，但它在命令提示符下不起作用。 './manage.py' 和 'py manage.py' 有什么区别？这个解决方案会比 VS Code 插件更好吗？

Answer 1

对于那些尝试了最佳答案但仍然卡住的人：您必须安装 dj-static 或 whitenoise（如 dj-static github 页面所推荐的那样）来提供静态文件。我注意到它真的很慢。也许这只是我，但我发现它是非常行不通的。我最终编写了一个自动热键脚本来激活我的浏览器然后刷新。至少对我来说，这要快得多。

Answer 2

我遇到了与您相同的问题，并设法使用您帖子第 (2) 点中包含的链接使其正常工作。你现在可能已经整理好了，但我想我会在这里发帖以防万一。

首先我去控制台运行：

pip install livereload

安装成功。然后我在我的 settings.py 文件中将“livereload”添加到我已安装的应用程序中。比如……

INSTALLED_APPS = [ ... 'livereload', ... ]

然后我进入终端上包含我的 manage.py 文件的目录，然后运行

./manage.py livereload

这为我提供了一个实时更新服务器的链接。以前我一直在使用“python manage.py runserver”运行服务器，所以这是替换该命令。 现在，当我保存在 IDE 中所做的任何更改时，它们会在浏览器上实时更新。 抱歉，为了清楚起见，我没有包含任何屏幕截图，由于某种原因我无法添加。

Answer 3

我正在学习 Scrimba/VSchool 教程，所以我想知道您是否通过类似的路径遇到了这个问题。
我相信 Live Server 和 Django 不兼容 - 但如果你找到了修复方法，请告诉我。

实时服务器充当您的网络服务器（默认为 5500 端口），在您进行更改时提供文件。 Django 还充当 Web 服务器（默认为 8000 端口），解释 Python 代码，并呈现 Django 模板语言。

不幸的是，据我所知，实时服务器无法执行所有这些 Python 代码，因此所有 Django 模板语言都不会呈现。这包括 Django 用于读取 html 中的 CSS 和 JS 链接的 {% load static %} 方法。

Answer 4

在您的命令行中，您必须通过以下命令运行服务器：

python manage.py runserver

但请确保您位于具有 manage.py 文件的目录中。您无需键入端口。因为您将获得默认端口：8000