本章导读 你让 AI 给博客加一篇文章。它没有打开任何 .astro 文件,而是新建了一个 src/content/blog/ 下面的 .md,开头写三行看着不像正文的东西,然后告诉你“the new post will show up i…
近期更新 《看懂 AI 写的网站》 《看懂 AI 写的网站》第七章:L6 Astro——现代静态网站如何被组织起来
本章导读 你让 AI 做一个个人博客。几分钟后它说项目建好了,让你运行 npm run dev,然后打开 http://localhost:4321。浏览器里确实出现了首页、文章列表、文章页、关于页。 于是你去项目里找那些页面,却找不到一个…
近期更新 《看懂 AI 写的网站》 《看懂 AI 写的网站》第六章:L5 构建基础设施——源码为什么还需要“构建”
本章导读 上一章讲完了开发电脑上的地基:工具需要一个能运行 JavaScript 的地方,项目需要一套把别人的代码拿进来的机制。这两件事跑通之后,现代前端项目还有第三件事一直没人解释过,而它每天都在发生。 最典型的场景是这样的。你让 AI …
《看懂 AI 写的网站》 《看懂 AI 写的网站》第五章:L4 Node.js 与包管理——现代前端工程的运行环境
本章导读 上一章留下了一个前提:检查类型、标注错误位置、给编辑器提供提示的那些工具,都不在浏览器里运行。它们需要一个能在你自己的电脑上执行 JavaScript 的地方。这一章要填的就是这个位置,以及长在它上面的一整套「把别人写好的代码拿进…
《看懂 AI 写的网站》 《看懂 AI 写的网站》第四章:L3 TypeScript——给 JavaScript 加上类型
本章导读 AI 给你写了一个函数,写完在编辑器里就多了一道红色波浪线。它说:「这个参数的类型不对,改成 number 就好。」你改完,红线消失了。可你刷新页面,浏览器里跑的还是那份 JavaScript——刚才那个 : number,到哪儿…
《Matt Pocock 技能选讲》 Matt Pocock Skills v1.3 给大任务加了一条实现路线
文章内容主要根据 Matt Pocock 的官方 Youtube 视频。原视频链接(可能需要科学手段): 以下将专门讲清楚本次更新的各个技能该如何使用。 --- 本次 v1.3.1 更新主要带来了以下三个全新技能:/implement-sp…
《看懂 AI 写的网站》 《看懂 AI 写的网站》第三章:L2 JavaScript——网页为什么能够交互
本章导读 第二章结尾留下了这样一幅画面:HTML 和 CSS 把页面摆好了,文字、图片、样式都各就各位,可用户点它、输入它,什么都不会发生。让页面能对操作做出反应的,是另一门语言。打开一个稍微完整的项目,你会发现除了 .html 和 .cs…
《看懂 AI 写的网站》 《看懂 AI 写的网站》第二章:L1 Web 基础——浏览器如何构成一个网页
本章导读 AI 给你一段 HTML 和一段 CSS,页面出来了,看起来还不错。麻烦从你想改动它的时候开始。 你想让标题变红,于是在样式表里加了一行,刷新,没反应。AI 看了一眼说:「这条规则被优先级更高的选择器压住了。」你想让两个盒子并排,…
《看懂 AI 写的网站》 《看懂 AI 写的网站》第一章:L0 基础环境——Web 运行在什么之上
本章导读 AI 让你做的第一批事,往往和网页没什么关系。 假设你想做一个博客。你把需求交给 AI,它返回的指令大致是这样:先确认电脑上装了 Node.js,然后打开终端,切到项目目录,运行 pnpm install,启动开发服务器,然后在浏…
《看懂 AI 写的网站》 《看懂 AI 写的网站》第〇章:开始之前——先建立现代 Web 的全局地图
本章导读 你可能已经有过这样的经历:把一句「帮我做一个个人博客网站」交给 AI,几分钟后它开始输出一连串你并不熟悉的词——先装 Node.js,再运行 pnpm install,然后配置 Astro,最后跑一次 build 把项目发布到 V…