不會寫程式也能做網站嗎？

可以，用 v0、Lovable 等工具以自然語言描述需求即可生成。

第一個網站要做多複雜？

建議從單頁、靜態內容開始，先體會流程再進階。

複雜功能怎麼辦？

金流、會員等建議找懂技術的人協助把關。

Vibe Coding 入門：用 AI 做出你的第一個網站

Q: 複雜功能怎麼辦？

金流、會員等建議找懂技術的人協助把關。

完全不會寫程式，也能用 AI 做出能跑的網站。這篇用最簡單的步驟帶你完成第一個作品。

You Don't Need to Learn Coding First

The focus of Vibe Coding is to describe what you want using natural language, and let AI generate it for you. Here's a simple process to help you create your first shareable website.

Step One: Think Clearly About What You Want

Start by describing your idea in one or two sentences: who it's for, and what sections it should have. For example, "Help me create a single-page website for a coffee shop, with an introduction, menu, address, and contact information." The more specific your requirements, the more accurate the AI will be. If you get stuck, you can use ChatGPT to help you organize your requirements into a list.

Step Two: Choose a Tool to Get Started

For beginners, we recommend starting with v0 or Lovable. Simply paste your requirements into the tool, and it will generate a first draft.

Step Three: Refine Through Conversation

Don't expect to get it perfect on the first try. Treat it as a collaborative process: "Change the main color to dark green," "Change the menu to three columns," "Add a booking button." Make one change at a time.

Step Four: Publish and Share

Once you're satisfied, use the tool's built-in publishing function to go live, and you'll get a URL that you can share. If you want your own domain, most tools also support domain binding.

Common Stuck Points and Solutions

Changes get lost : Make one change at a time, and clearly state "only change this, don't touch anything else."
It looks weird : Provide reference examples or screenshots, and the AI will better understand your aesthetic.
Can't implement a function : For complex functions (payment, membership), it's recommended to find someone who understands technology to assist.

Conclusion

Your first project doesn't have to be perfect; the goal is to experience the process of "creating something by talking." After completing one project, you'll have a better understanding of what AI can help you with and its limitations. For further reading: Vibe Coding Tool Comparison, Building Your Website with AI.