0Pricing
Vibe Coding · 课时

设置您的第一个工具

安装并配置您的助手。

设置您的第一个工具 是 CoddyKit 上的免费 Vibe Coding 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Vibe Coding 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Vibe Coding 课程共包含 4 节课。

本课时的部分内容尚未翻译,以英文显示。

Let's Get You Started

You know the families and how to match them. Now let's actually set one up. We'll keep it simple with a browser tool — by the end you'll have sent your first prompt.

Choosing Your First Tool

The easiest start is a chat assistant in your web browser: no setup, just a chat box. Look for a free tier, pick one, and stick with it for now.

Create Your Account

Most tools ask you to sign up with an email so they can save your chats. Use a real email you can access in case you need to confirm it.

Find the Chat Box

Once signed in, look for the text box, usually at the bottom of the screen. That's where you type your requests — everything starts there. Spot it before moving on.

Your First Prompt

Let's send a friendly first message to check everything works. Type the prompt below, press Enter, and read the reply. You just talked to your AI assistant! 🎉

Hi! I'm brand new to building software with AI. In two sentences, tell me one fun thing we could build together.

Ask It to Build Something Small

Now try a tiny real task: ask for a small piece of code you can copy. Notice it returns code and an explanation. Small wins build confidence.

Write a tiny web page that shows the words "Hello, world!" in big blue letters. Give me one HTML file and explain it briefly.

Refine With Follow-Ups

The real power is the follow-up. You don't need it perfect the first time — just ask for changes. The tool remembers the chat, so you keep improving the same result.

Nice! Now make the text green instead of blue, and add a button below it that says "Click me".

Saving What You Make

When you like the code, save it: copy it into a file on your computer, or just keep the chat open so your history stays. Copying is a perfectly fine start.

Trying It in a Browser

To see an HTML file work, save it with a .html name and double-click to open it in your browser. Not ready for files? Many tools let you preview right in the chat.

How do I open the HTML file you gave me so I can see it in my web browser? Explain step by step for a beginner.

Good Habits From Day One

Start with these habits: be specific, read the reply (don't copy blindly), ask follow-ups instead of restarting, and save your wins. They make every tool work better.

Where to Go Next

You've got a working tool and a first creation! From here, keep practicing, try an agent for bigger apps, and explore an IDE assistant for real projects.

Quick Check

One last check to wrap up the course.

Recap

You did it! You chose a browser chat assistant, found the chat box, sent a first prompt, built a tiny page, and learned to refine with follow-ups. Now choose the right tool with confidence.

常见问题解答

「设置您的第一个工具」课时是免费的吗?

是的 — 「设置您的第一个工具」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Vibe Coding 课程的其余内容,请升级到 CoddyKit PRO。 Vibe Coding 课程共包含 4 节课。

「设置您的第一个工具」这节课中我会学到什么?

安装并配置您的助手。 你通过在浏览器中直接运行的动手代码来练习 Vibe Coding,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Vibe Coding 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Vibe Coding 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。

「设置您的第一个工具」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Vibe Coding 课中编写并运行代码吗?

能。每节 Vibe Coding 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 人工智能编程全景
  2. 聊天工具、智能代理与 IDE 助手
  3. 为任务匹配合适的工具
  4. 设置您的第一个工具
← 返回 Vibe Coding