AI 编程 · 第五章:工具与准备工作
文件与文件夹基础
知道文件存在哪儿,才找得回来
入门约 10 分钟工具
文件与文件夹基础
在做项目之前,你需要知道怎么管理文件。很简单, 5 分钟学会。
什么是文件?
你在电脑上看到的一切都是文件:
- 照片(.jpg、.png)
- 文档(.docx、.pdf)
- 网页(.html)
- 代码(.js、.py、.ts)
文件名由两部分组成:名称 + 扩展名(点后面的部分)。扩展名告诉电脑这个文件是什么类型。
创建你的第一个 HTML 文件
- 在桌面上新建一个文件夹,命名为 "my-first-project"
- 打开文件夹,右键 → 新建 → 文本文档
- 将文件名改为 "index.html"(注意是 .html 不是 .txt)
- 右键这个文件 → 打开方式 → 记事本
- 粘贴以下内容:
```html
<!DOCTYPE html> <html> <head><title> 我的第一个网页 </title></head> <body> <h1>Hello World! </h1> <p> 这是我的第一个网页。 </p> </body> </html> \`\`\`- 保存文件( Ctrl+S)
- 双击文件,浏览器会自动打开,看到你的第一个网页!
文件命名建议
- 用英文或拼音命名(中文可能在部分工具中出问题)
- 不要有空格(用 - 或 _ 代替,如 my-page.html)
- 名称要有意义(不要叫 "新建文件 1")
要点总结
- 文件扩展名决定了文件类型
- HTML 文件的扩展名是 .html
- 命名用英文,用 - 代替空格
- 建一个专门的文件夹存放你的所有项目
学习助手(可选)
需要时可以提问;没配 AI 也不影响课程、练习和测验。
学习助手需要时再用
助手说:你好,我是课程里的可选学习助手。正文、练习和进度都在这里,不需要我也能继续。
卡住时,把具体的一段代码或一句话贴过来就好。我们可以一起拆概念、改描述,或者把一个小想法拆成几步来做。
这一课以阅读为主。想看概念演示可以去 可视化演示。
AI 编程 · 同轨道下一节浏览器开发者工具入门