见
跳到主要内容

AI 编程 · 第五章:工具与准备工作

文件与文件夹基础

知道文件存在哪儿,才找得回来

入门约 10 分钟工具

文件与文件夹基础

在做项目之前,你需要知道怎么管理文件。很简单, 5 分钟学会。

什么是文件?

你在电脑上看到的一切都是文件:

  • 照片(.jpg、.png)
  • 文档(.docx、.pdf)
  • 网页(.html)
  • 代码(.js、.py、.ts)

文件名由两部分组成:名称 + 扩展名(点后面的部分)。扩展名告诉电脑这个文件是什么类型。

创建你的第一个 HTML 文件

  1. 在桌面上新建一个文件夹,命名为 "my-first-project"
  2. 打开文件夹,右键 → 新建 → 文本文档
  3. 将文件名改为 "index.html"(注意是 .html 不是 .txt)
  4. 右键这个文件 → 打开方式 → 记事本
  5. 粘贴以下内容:

```html

<!DOCTYPE html> <html> <head><title> 我的第一个网页 </title></head> <body> <h1>Hello World! </h1> <p> 这是我的第一个网页。 </p> </body> </html> \`\`\`
  1. 保存文件( Ctrl+S)
  2. 双击文件,浏览器会自动打开,看到你的第一个网页!

文件命名建议

  • 用英文或拼音命名(中文可能在部分工具中出问题)
  • 不要有空格(用 - 或 _ 代替,如 my-page.html)
  • 名称要有意义(不要叫 "新建文件 1")

要点总结

  • 文件扩展名决定了文件类型
  • HTML 文件的扩展名是 .html
  • 命名用英文,用 - 代替空格
  • 建一个专门的文件夹存放你的所有项目

学习助手(可选)

需要时可以提问;没配 AI 也不影响课程、练习和测验。

学习助手需要时再用
助手说:你好,我是课程里的可选学习助手。正文、练习和进度都在这里,不需要我也能继续。 卡住时,把具体的一段代码或一句话贴过来就好。我们可以一起拆概念、改描述,或者把一个小想法拆成几步来做。

这一课以阅读为主。想看概念演示可以去 可视化演示。

AI 编程 · 同轨道下一节浏览器开发者工具入门