Zui近刚折腾完一个React小项目——本来想整点花活加个Tailwind CSS调调样式,结果差点被AI气得想摔键盘! 咱就是说,作为一个连CSS变量dou得查三遍才敢用的代码菜鸡,本以为"问个AI就Neng搞定"是件稳如老狗的事,谁成想居然翻了车?而且还是连着翻两次?

第一次发问:我以为"简单描述"= "秒懂"

那天晚上熬夜赶工,思路卡壳在"怎么把Tailwind塞进Vite+React项目里"——心想这还不简单?打开某度搜"AI问答",随便找了个热度高的对话框就开始打字: "帮我kankan,React项目里怎么引入Tailwind CSS?"

发送键按下去那瞬间,我甚至脑补出了对方秒回"三步走教程"的画面——毕竟这种基础问题,对AI来说应该跟"1+1等于几"差不多吧?

结果呢?

等了三秒,弹出来一大串代码:

npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p // 然后配置content路径...blablabla

kan着这串熟悉又陌生的命令,我当时脑子一热就照着敲了——直到运行项目发现,页面上别说什么响应式样式了,Tailwind跟被施了隐身术一样!连个按钮dou还是默认灰色!

"难道是我漏kan步骤了?"我对着代码检查三遍,又去某书翻了遍教程——这才发现:人家教的是Vue或Webpack项目啊!我的天,Vite和WebpackNeng一样吗?!

"是不是AI傻?"还是"我太傻?"

当晚我越想越气:合着这AI根本没听懂我在说"Vite构建工具"?还是故意给我旧方法整蛊?

为了验证,第二天一大早我又打开三个常用AI同时发问:

"先联网搜索再回答!基于Vite构建工具+React框架里引入Tailwind CSS v4,到底怎么Zuo?"

为啥加"联网搜索"?因为上次吃瘪让我长记性——生怕它拿两年前的数据糊弄人!结果呢?

"三位大佬给出了几乎一毛一样的答案!"// vite.config.js里加tailwind插件 import tailwindcss from 'tailwindcss' export default defineConfig({ plugins: }) // main.css里@import "tailwindcss/base";...

"这次总该对了吧?"我麻溜照Zuo——谁知道运行后页面直接报错:"无法找到模块'tailwin dc ss'"?!

"百度不收录算什么? AIdouNeng'骗'人!"

那一刻我的心态崩得比答辩还彻底:

"难道现在连 AIdou学会'摆烂'了吗?!"正吐槽着,突然想到前阵子朋友问过我的一个问题:"为什么我写 的网站内容挺好,百度就是不收录?"

害!其实哪是内容不好啊?大多时候是这几个蠢原因:

要么网站刚上线;

要么内外链跟沙漠似 的;

要么代码藏着小bug;

要么复制粘贴太多

你kan咱这次遇着 AI也是同理——它不是不会,是压根没get到你的"核心需求":Vite! React!Zui新版?!这些关键词但凡漏一个,答案就Neng偏十万八千里!

"Zui后一次尝试:把话说明白!"

没办法,只Neng祭出终极武器:"把问题拆成傻子douNeng听懂 的话".

于是乎,我咬咬牙重新组织语言:

"喂喂喂!听好了啊!是这样 的:我的项目是用Vite5搭 的,框架是React18,现在想引 Tailw ind C SS ——不是什么vue也不是webpack!别给我整旧版本教程啊喂!"

这次学聪明了,甚至直接把报错信息截图一起发过去.

奇迹出现了.

# GPT秒回:哦~原来如此!试试这个: npm install tailw ind css @tailw ind css/v ite # V ite专用插件! // vite.config.js里这么配: import tailw ind css from '@tailw ind css/v ite' export default defineConfig, tailw ind css] }) // main.css直接写@tailw ind base;@tailw ind components;@tailw ind utilities;P>

一次成功!

当页面终于出现 Tailwi nd 的响应式卡片时 , I差点哭出声 ——合着之前dou是因为 "没说清楚版本和工具 "啊?!

### " :小白用 AI ,别搞 '聊天式',要搞 '指令式'"P style="color:#d63031;">

事后复盘 , I终于明白 :那些所谓 " AI失灵 " 的时刻 ,大多不是 AI笨 ,而是我们提問太 "隨便 "

比如说 :

❌ ❌ ❌ ×××错误示范×××:
- "帮寫個網頁"
- "怎麼優化代碼"
- "這個錯誤怎麼辦"
✅ ✅ ✅ √√√正確範例√√√:
- "幫寫個響應式產品頁面 ,要用 Tailwi nd + V ite ,包含導航欄和輪播圖 "
- " Vue項目中這個錯誤 'Module not found'怎麼解決 ?錯誤碼 : EROFS "
- "寫個簡短推廣文案 ,風格像網紅朋友圈 ,帶點emoji "

P />

其實 AI本質上就是個 "執行指令 的機器 ":你說得越模糊 ,它就越容易亂來 ;你說得越具體 ,它才Neng給出對癥下藥 的答案 .

P />

Zui後想說 :我們這些菜鳥學技術 ,靠 AI幫忙沒錯 ,但千萬別把它當成 "萬Neng神仙 "

P />—畢竟連度娘dou有收錄不到 的時候 ,遑論 AI呢 ?

P />

---