首页 › Vibe coding 项目实战专栏 › VibeCoding全栈零基础教程(附开源和提示词) › 进阶篇 › 第一章:环境搭建与代码运行基础 › 1.1 代码格式演变

1.1 代码格式演变

​

阅读完本节后,你将会收获:​

•

理解 HTML、CSS、JavaScript 三者如何协同工作构建网页​

•

了解代码格式从单文件到模块化、TypeScript 的演变过程​

•

知道什么时候用简单格式,什么时候用复杂格式​

•

理解为什么 AI 生成的代码需要特定的运行环境​

序言中提到的 AI 有时给出 .html 文件,有时给出 .ts 文件,这是因为代码格式随着项目复杂度在演变。​

​

网页的三层结构​

网页就像一个三明治,由三层组成:​

​

飞书文档 - 图片

​

一个完整的例子:​

​

代码块​

HTML

​​​​​​​
​

0​

​

​

​