我想第一次使用顺风css框架,我试图尽可能接近他们页面上的教程,但它没有对我的网页进行任何更改,我不知道为什么。由于我非常缺乏经验,我想我错过了安装或做一些事情,因为这是我第一次为我的项目使用框架。此外,我已经开始使用Visual Studio Code我的第一次,我有点不知所措的一切如何工作。
我现在得到了什么:
安装node.js,因为我在某处读到我需要它的顺风css,似乎工作node -version命令发送结果。
在我的项目文件夹中安装了顺风css(项目文件夹在XAMPP的HTDOCS文件夹内),npx tailwindcss init在vs终端中,将目录更改为我的项目文件夹后。现在我还有一个node_modules文件夹和一个tailwind.config.js
Addet
<link rel="stylesheet" href="style.css" type="text/css">
在my home.html和
@tailwind base;
@tailwind components;
@tailwind utilities;
到my style.css
然后我试着添加
class="bg-green-500"
到我的body在home.html中,它显示在编辑器中,但不在网站上…
我错过了什么?谢谢你的帮助。
您应该遵循官方设置指南:
根据您的描述,您可能没有遵循构建步骤:
运行CLI工具扫描模板文件中的类并构建CSS:
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch