小白的AI自学踩坑日记 - 一次提问方式的改变，效果差了十万八千里

顾城_9527
262 阅读4分钟

日期：2025/6/29

写在前面：作为一个靠AI续命学习的代码搬砖工，最近又双叒叕踩了个大坑。这次决定把整个"翻车"过程记录下来，给同样在自学路上摸爬滚打的小伙伴们提个醒~ 毕竟，独乐乐不如众乐乐嘛 😂

🤷‍♂️ 事情的起因：一个"简单到爆"的问题

最近在折腾React，想给自己整一个小破网站，为了给它加点颜值，就盯上了的Tailwind CSS。想着这种入门级问题，随便找个AI问问不就搞定了？

于是我满怀信心地输入了这个"送分题"：

"我要在我基于Vite构建工具的react框架项目里面引入Tailwind CSS,应该怎么做？"

然后...我就开启了一段堪比《西游记》的取经之路 🙃

第一轮咨询：三个AI的"完美默契"

作为一个没啥信心的小白，我决定广撒网——同时问了GPT、Claude和DeepSeek三位"大佬"。

结果这三位居然像商量好的一样，给了我几乎一字不差的答案！

当时我心想：哇，这就是传说中的"英雄所见略同"吧？

它们异口同声地告诉我：

bash

# 三步走，稳得很！
npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

# 配置文件写成这样就完事了
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

# CSS里加上这三行魔法咒语
@tailwind base;
@tailwind components;
@tailwind utilities;

看起来专业得不行，我还特意去查了下Tailwind CSS中文文档（后来才知道这不是官方文档，又是一个坑 😅），觉得万无一失了。

然后...

🔥 大型翻车现场

按照这套"标准流程"操作完，项目倒是能跑起来，但是样式？什么样式？我的Tailwind跟隐身了一样！

于是开始了经典的自我怀疑三连：

  • 🤔 "是不是我手残打错了什么？"
  • 😰 "会不会是版本冲突了？"
  • 😭 "还是说我这个菜鸟根本不适合写代码？"

最后没办法，只能祭出大杀器——Google大法。功夫不负有心人，终于找到一篇文章说是版本问题，照着改了一下，居然真的好了！

这时候我突然醒悟了：AI虽然很聪明，但它们的"记忆"可能还停留在上个版本。对于我们这些小白来说，平时AI答对了99次，结果这第100次答错了，心理阴影面积简直堪比太平洋 🌊

绝地反击：让AI先"预习"再答题

既然问题出在信息过时，那我就让AI先上网补补课再来回答！

于是我重新组织了一下语言：

"先进行网络搜索再回答我的问题，我要在我基于Vite构建工具的react框架项目里面引入Tailwind CSS v4,应该怎么做。"

注意我这次学聪明了：

  1. 先让AI去"预习" - 明确要求联网搜索
  2. 版本号要精确 - 直接指定了v4版本

同样的AI们，这次给出了完全不一样的答案：

全新的"简约风"安装法：

bash

# 简单到怀疑人生
npm install tailwindcss @tailwindcss/vite

# vite.config.js 就加这么一行
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    react(),
    tailwindcss(),  // 就这一行，没了！
  ],
})

# CSS文件更是简单粗暴
@import "tailwindcss";

这次一次成功，完美！我差点想给AI们发小红花 🌺

🎯 踩坑总结：小白的生存指南

这次翻车经历让我更加坚定了我的想法：AI虽然是个好帮手，但也不是万能的。

面对快速更新的技术时

  • 让AI先"做功课" - 特别是框架、库这种更新频繁的，一定要求AI先搜索最新信息
  • 版本号能精确就精确 - "React 18"、"Tailwind v4"比"React"、"Tailwind"靠谱多了
  • 多找几个AI"会诊" - 如果它们都说一样的话，可能比较可信；如果说法不一，那就要小心了

提升学习效率的小技巧

  • 记录踩坑全过程 - 写下来比光记在脑子里效果好得多，而且还能分享给别人装逼 😎
  • 当个"知识传教士" - 教别人的时候，自己理解得更深
  • 培养"打破砂锅问到底"的精神 - 遇到意外情况多问几个为什么

心态建设很重要

  • 拥抱bug，享受debug - 虽然踩坑很痛苦，但解决问题后的快感真的很爽
  • 保持健康的怀疑精神 - 就算是AI说的，也要留个心眼
  • 把翻车当成升级打怪 - 每次踩坑都是经验值+1，迟早会成为大佬的！

最后想说，学习就像打游戏，偶尔翻个车也是正常操作。 如果你问的问题没有被秒答，那就让它变成一次练习思考的机会。 有时候我们以为自己在解决Bug，其实是在修正提问的方式、对抗内心的不安，和世界讲条件。 就像堂吉诃德挥舞着长矛，也许方向不对，但至少他没选择沉默。😄

avatar
文章
阅读
粉丝