归档：2026年10月 共 10 篇文章

本章导读 你让 AI 给博客加一篇文章。它没有打开任何 .astro 文件，而是新建了一个 src/content/blog/ 下面的 .md，开头写三行看着不像正文的东西，然后告诉你“the new post will show up i…

本章导读 你让 AI 做一个个人博客。几分钟后它说项目建好了，让你运行 npm run dev，然后打开 http://localhost:4321。浏览器里确实出现了首页、文章列表、文章页、关于页。 于是你去项目里找那些页面，却找不到一个…

本章导读 上一章讲完了开发电脑上的地基：工具需要一个能运行 JavaScript 的地方，项目需要一套把别人的代码拿进来的机制。这两件事跑通之后，现代前端项目还有第三件事一直没人解释过，而它每天都在发生。 最典型的场景是这样的。你让 AI …

本章导读 上一章留下了一个前提：检查类型、标注错误位置、给编辑器提供提示的那些工具，都不在浏览器里运行。它们需要一个能在你自己的电脑上执行 JavaScript 的地方。这一章要填的就是这个位置，以及长在它上面的一整套「把别人写好的代码拿进…

本章导读 AI 给你写了一个函数，写完在编辑器里就多了一道红色波浪线。它说：「这个参数的类型不对，改成 number 就好。」你改完，红线消失了。可你刷新页面，浏览器里跑的还是那份 JavaScript——刚才那个 : number，到哪儿…

文章内容主要根据 Matt Pocock 的官方 Youtube 视频。原视频链接（可能需要科学手段）： 以下将专门讲清楚本次更新的各个技能该如何使用。 --- 本次 v1.3.1 更新主要带来了以下三个全新技能：/implement-sp…

本章导读 第二章结尾留下了这样一幅画面：HTML 和 CSS 把页面摆好了，文字、图片、样式都各就各位，可用户点它、输入它，什么都不会发生。让页面能对操作做出反应的，是另一门语言。打开一个稍微完整的项目，你会发现除了 .html 和 .cs…

本章导读 AI 给你一段 HTML 和一段 CSS，页面出来了，看起来还不错。麻烦从你想改动它的时候开始。 你想让标题变红，于是在样式表里加了一行，刷新，没反应。AI 看了一眼说：「这条规则被优先级更高的选择器压住了。」你想让两个盒子并排，…

本章导读 AI 让你做的第一批事，往往和网页没什么关系。 假设你想做一个博客。你把需求交给 AI，它返回的指令大致是这样：先确认电脑上装了 Node.js，然后打开终端，切到项目目录，运行 pnpm install，启动开发服务器，然后在浏…

本章导读 你可能已经有过这样的经历：把一句「帮我做一个个人博客网站」交给 AI，几分钟后它开始输出一连串你并不熟悉的词——先装 Node.js，再运行 pnpm install，然后配置 Astro，最后跑一次 build 把项目发布到 V…