---
title: "1.5.1 目标与准备"
---


![01-awakening_1.5-hello-world_1.5.1-goals.png](/images/Basic/01-awakening_1.5-hello-world_1.5.1-goals.png)
# 1.5.1 目标与准备

## 本节目标

完成这一节后，你会得到：

- ✅ 一个能在浏览器里看到的网页
- ✅ 网页上显示一句励志名言
- ✅ 页面有好看的样式（不是白底黑字的"毛坯房"）

就这么简单。不多不少。


## 选择你的工具

还记得 1.4 节介绍的那些工具吗？

现在是用起来的时候了。

::: tip 选择建议
**如果是完全零基础**，推荐用这几个（任选其一）：

1. **[Bolt.new](https://bolt.new)** - 打开浏览器就能用，不需要安装任何东西
2. **[v0.dev](https://v0.dev)** - Vercel 出品，同样打开就能用
3. **[豆包 AI 编程](https://www.doubao.com/chat/coding)** - 国内用户首选，访问流畅，支持实时预览

> 注：Bolt.new 在国内可能加载较慢，需要科学上网。国内用户推荐使用豆包 AI 编程。

**如果已经装了 Cursor 或 Trae**，也可以直接用它们。

本节的操作在任何工具里都一样，只是界面稍有不同。
:::


## 准备清单

开始之前，确认你有：

- [ ] 一台能上网的电脑（手机也行，但电脑体验更好）
- [ ] 一个现代浏览器（Chrome、Edge、Safari 都可以）
- [ ] 3 分钟的时间

没了。

不需要安装任何软件。

不需要注册账号（大部分工具可以免注册试用）。

不需要任何编程知识。


## 心理准备

你可能会想：

> "我真的能做出来吗？"

答案是：**一定能**。

我见过 60 岁的阿姨用 AI 做出了自己的食谱网站。

我见过从没写过代码的大学生用 AI 做出了课程表应用。

如果他们可以，你也可以。

唯一的区别是：**你愿不愿意试一试**。


准备好了？

下一节，我们正式动手。