vite安装Tailwind CSS

安装 - Tailwind CSS 中文网 (nodejs.cn)

这是官网,平常我练习一般会用vite脚手架

我们选择这个vite模块

可选择React和Vue版本的,这里选择react的按照操作,没问题的话就要出问题了

1、在npm run dev的时候我是出现了这么个问题,解决办法在项目里重新

npm install vite或者

npm install后npm run dev

2、在浏览器输入localhost:5174后是出现了

原因是啥,react除了.js,.jsx,.ts,.tsx文件还有根文件.html文件在tailwind.config.js里添加html就好了

然后我们要写代码了,这里我们就要给Vscode装几个插件了

1、代码提示插件,让你写代码快的飞起,安装后,重启下Vscode,如下。

2、Tailwind Fold 用于闭合css代码的,还不如长长的,不太好改代码

然后根据程序员𝐋𝐞𝐫𝐭𝐞的主页 - 抖音 (douyin.com) 写了如下代码​​​​​​ 动态组件 (gitee.com)

相关推荐
爱睡觉的雨3 分钟前
跨域问题(前端)
前端
我叫张小白。3 分钟前
Vue3 路由:单页面应用的核心引擎
前端·javascript·vue.js·前端框架·vue3
y***86697 分钟前
前端PWA应用特性使用指南
前端
天空陪伴星辰a9 分钟前
表单校验问题
前端·javascript·表单校验
鱼鱼块31 分钟前
《最小栈的巧妙设计:用辅助栈实现 O(1) 获取最小值》
javascript·算法·面试
San3032 分钟前
反转字符串与两数之和:两道简单题背后的 JavaScript 思维深度
javascript·算法·面试
孟祥_成都33 分钟前
前端角度学 AI - 15 分钟入门 Python
前端·人工智能
掘金安东尼34 分钟前
Astro 十一月更新:新特性与生态亮点(2025)
前端
拉不动的猪35 分钟前
判断dom元素是否在可视区域的常规方式
前端·javascript·面试
Hilaku1 小时前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试