如何获得liveserver来呈现django模板？

Question

我一直在处理一个教程站点，当我尝试打开Django模板时，我发现我的VS代码LiveServer插件不能正常工作。我应用的CSS缺失了(，尽管在本地开发服务器中一切都是正确的)，模板语言代码实际上是打印到屏幕上而不是执行的(参见下面的图像)。我的liveserver插件似乎正在处理Django之外的html文件。

(1)现在，我右击并选择“使用Liveserver打开”。这对Django不合适吗？liveserver文档建议尝试“访问实际的服务器地址：http://localhost/[workspace]，而不是VS代码扩展的liveserver地址：http://127.0.0.1:5500/"。我尝试了用文件路径来代替工作区，但没有结果。这里该怎么办？”

(2)我在另一个线程中看到有人推荐了自己的解决方案，这里。我不知道我应该在哪里运行'./manage.py e.py livereload‘命令，但它在命令提示符下不起作用。‘./manage.py e.py’和'py manage.py‘之间有什么区别？这个解决方案会比VS代码插件更好吗？

​

​

Answer 1

我和你有同样的问题，并且设法让它与你的帖子中包含的链接一起工作。你现在可能已经整理好了，但我想我应该把它发到这里，以防万一。

首先，我来到控制台，跑了起来：

pip install livereload

成功安装了。然后，我将'livereload'添加到settings.py文件中已安装的应用程序中。例如……

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

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

./manage.py livereload

这为我提供了一个指向实时更新服务器的链接。以前，我使用"python“运行服务器，所以这将替换该命令。现在，当我在IDE中保存所做的任何更改时，它们将在浏览器上实时更新。很抱歉，我没有包括任何屏幕截图图像的清晰度，我不能因为某些原因。

Answer 2

我正在学习Scrimba/VSchool教程，所以我想知道您是否通过类似的途径遇到了这个问题。

我相信Live和Django是不兼容的--但是如果您找到了解决方案，请告诉我。

Live充当您的web服务器(默认情况下是端口5500 )，在您进行更改时提供文件服务。Django还充当web服务器(默认情况下端口为8000 )，解释Python代码，并呈现Django模板语言。

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

Answer 3

对于那些尝试了顶级答案但仍然被困住的人来说:你必须安装dj静态的，或者whitenoise (按照dj静态github页面的建议)来提供静态文件。但我注意到它真的很慢。也许只有我一个人，但我觉得这是不可行的。最后，我编写了一个自动热键脚本来激活我的浏览器，然后刷新。至少对我来说这要快得多。