Tailwind CSS使用

首先需要安装npm,去官网下载

第一步创建一个json文件
Tailwind CSS使用
Tailwind CSS使用
第二步,安装一些库啊什么的
Tailwind CSS使用
Tailwind CSS使用
第三步,创建一个空的tailwind.config.js文件
Tailwind CSS使用

第四步,创建文件,用于导入模块
Tailwind CSS使用
第五步,创建css文件,可以在任意位置,内容如下,用于替换标签
Tailwind CSS使用
Tailwind CSS使用
第六步,进入package.json文件修改代码
Tailwind CSS使用
修改为
-o 表示输出到哪个文件
Tailwind CSS使用
完成后运行npm run build,这时候会生成public的那个css文件

第七步 创建一个index.html文件:
Tailwind CSS使用
注意link里的地址
先安装live-server
Tailwind CSS使用

启动服务器
Tailwind CSS使用