Django应用程序将Buefy、Bulma和Vue添加到您的项目中
django-simple-buef的Python项目详细描述
django simple buefy公司
这个项目旨在提供一种简单、自动的方法来包括 Buefy，Bulma和 Vue在你的Django项目旁边。在
该项目目前使用Buefy 0.8.7，Bulma 0.7.5Vue 2.6.10。如果你需要新版本的图书馆， 请随意 create an issue 我们会尽快解决的。在
这个项目是Python Discord优秀的直接分支 django-simple-bulma 因此，它与它有许多相似之处。非常感谢 在Python Discord团队中 那个项目！在
设置
要为Django项目启动并运行django-simple-buefy，
遵循以下简单步骤：
- 通过Pip（
pip install django-simple-buefy）或其他依赖项安装它 管理工具 - 在您的
settings.py文件中：- 将
django_simple_buefy添加到您的INSTALLED_APPS - 将
django_simple_buefy.finders.SimpleBuefyFinder添加到您的STATICFILES_FINDERS
- 将
- 运行
python manage.py collectstatic以生成并收集所有 由django-simple-buefy；处理的资产请注意，您需要 当您更改django-simple-buefy配置时，再次出现这种情况 - 在模板中，加载
django_simple_buefy以使用其模板标记：{% buefy %}放在模板的<head>中将插入脚本和链接标记 对于文件，django-simple-buefy提供
- 创建你的Vue应用程序并获得黑客攻击！在
请注意，与django-simple-bulma不同，django-simple-buefy不提供
任何图标集。Buefy推荐Material Design Icons，
但是Font-Awesome 5也是完全兼容的。在
定制
与django-simple-bulma一样，此项目支持SASS变量的定制
是布尔玛和布菲用的。你可以用一种类似的方式，通过
你的BUEFY_SETTINGS字典。在
BUEFY_SETTINGS={"variables":{"primary":"#000","size-1":"6rem"}}
所有值必须是有效的SASS或CSS。有关变量的更多信息 可定制，请参见the Buefy documentation。在
模板标记设置
在版本1.0.3中添加了
因为有许多不同的情况需要
像这样的库，django-simple-buefy包含一些额外的设置
为了你的项目。在
模块模式
默认情况下，django-simple-buefy将假定您希望利用
ES6 modules，以及{% buefy %}标记
将只包含相关的Buefy<script>标记来支持这一点。改变
在这种情况下，可以设置以下值：
如果希望确保默认行为，则可以设置此值
对True也一样。在
BUEFY_SETTINGS={# Include only ES6 "module" tags"modules":True,}
请注意，上面的设置也会影响Vue<script>标记。如果你是
使用Vue作为一个模块，您仍然可以在自己的脚本中import。在
此库不支持CommonJS模块。在
调试模式
{{cd23>默认情况下，{cd23}将插入
fromosimportenvironBUEFY_SETTINGS={"debug":"DEBUG"inenviron# For example}
其他SCSS文件
如果您的项目还包括其他SCSS文件，您可以在
settings.py以类似的方式。在
BUEFY_SETTINGS={"custom_scss":["myapp/static/css/base/base.scss",],}
请注意：收集静态文件时的默认Django行为是
当它们被复制到最终的静态文件时，它们的包含文件结构
文件目录。我们试图通过解析
.scss文件，使用以下策略：
- 如果
STATICFILES_DIRS设置中存在包含路径，则假定 是要使用的基路径，它下面的目录结构将用于 包含生成的.css文件 - 否则，如果路径包含
static/，则假设基路径在那里结束 并使用它下面的路径的其余部分来包含生成的.css文件。在
如果这两种策略都不能如果要使用什么基路径，将引发异常。在
故障排除
- 如果安装了Python模块
sass，请注意它是不兼容的 有了这个项目。sass和{}之间存在命名空间冲突，这 当您尝试执行 collectstatic时，将使django-simple-buefy崩溃。到 解决这个问题，只需卸载sass并使用libsass。在 - 如果您无法正确获取Vue应用程序和组件，请记住 在加载您自己的JavaScript之前，请仔细检查Buefy是否已经加载。在
如果你在这个应用程序中遇到任何其他问题，请 create an issue 我们很乐意帮助你。在
- 项目
标签：
欢迎加入QQ群-->： 979659372
