django项目的顺风css框架
django-tailwind的Python项目详细描述
tailwind css框架与django a.k.a.django+tailwind=
快速启动
从pip安装python包django tailwind
pip install django-tailwind
或者,您可以下载或克隆此repo并运行
pip install -e .
。将
tailwind
添加到settings.py中已安装的应用创建一个与tailwind兼容的django应用程序,我喜欢称之为
theme
:python manage.py tailwind init theme
将新创建的
theme
应用添加到settings.py中已安装的应用在settings.py中,通过添加以下字符串来注册Tailwind应用程序:
TAILWIND_APP_NAME = 'theme'
运行命令安装tailwind css的所有必需依赖项:
python manage.py tailwind install
现在,在开发模式下启动尾风:
python manage.py tailwind start
django tailwind提供了一个简单的
base.html
模板,可以在yourtailwindappname/templates/base.html
。你可以随时扩展或删除它,如果你 有自己的布局。如果您没有使用django tailwind提供的
base.html
模板,请将styles.min.css
添加到您自己的base.html
模板文件:<linkrel="stylesheet"href="{% static 'css/styles.min.css' %}"type="text/css"/>
现在您应该可以在html中使用tailwind css类了。
要生成css的生产版本,请运行:
python manage.py tailwind build
。
npm可执行路径配置
有时(特别是在windows上),python可执行文件找不到系统中安装的NPM
。
在这种情况下,您需要在settings.py文件中手动设置NPM
可执行路径:
NPM_BIN_PATH='/usr/local/bin/npm'
请注意,系统的NPM
路径可能不同。尝试在
获取路径的命令行。
错误和建议
如果您发现了一个bug,请使用github上的问题跟踪器。
https://github.com/timonweb/django-tailwind/issues
2019年(c)Tim Kamanin - A Full Stack Django Developer