保存你的代码

这节课你会...

学会保存和管理你的代码。代码只在浏览器里，关了就没了。

三种保存方式

本地文件（最推荐）

1. 建一个文件夹，比如 my-projects
2. 每个项目一个子文件夹：todo-app/、my-homepage/
3. 保存每个版本：v1.html、v2.html

双击 .html 文件，浏览器就能打开。

在线工具

不想折腾本地文件的话：

• CodePen（codepen.io）：在线写代码，立刻看效果，适合快速测试
• JSFiddle（jsfiddle.net）：轻量，适合短代码

GitHub

专业开发者的选择。注册一个免费账号，上传你的项目文件，开启 GitHub Pages 就能得到一个网址。第 7 章会详细讲。

文件命名规则

| 不好 | 好 | |------|-----| | 新建文件1.html | todo-app-v1.html | | 网页.html | personal-homepage.html | | 最终版(3).html | my-website-v3.html |

规则：英文或拼音，用连字符 - 代替空格，加版本号。

每个项目都应该有一个 README

新建一个 readme.txt 放在项目文件夹里，写三行：

• 这是什么项目
• 怎么打开（双击 index.html）
• 你是什么时候做的

三个月后你会感谢现在的自己。