layout, hero, features
| layout |
hero |
features |
| home |
| name |
text |
tagline |
actions |
| Easy-Vibe |
從零到一學習 Vibe Coding |
| 成為結合產品、設計和全端開發的超級個人。 |
| 從想法到原型，從原型到產品，將每個輸出轉化為可交付的產品。 |
| 讓 AI 成為你的合作夥伴：更快、更穩定、更有創造力。 |
| 透過系統化的學習路徑，建立個人的技術與產品護城河。 |
|
| theme |
text |
link |
| brand |
開始學習 |
/stage-0/0.1-learning-map/ |
|
|
|
|
|
| title |
details |
| 新手友善 |
專為非技術背景設計。從「會說話就會寫程式」開始，透過貪吃蛇等遊戲快速入門，克服技術恐懼。 |
|
| title |
details |
| 漸進實戰路徑 |
獨特的「三階段」學習法。從 AI 產品經理思維，到全端開發實作，到複雜應用構建，一步一腳印。 |
|
| title |
details |
| Vibe Coding 新範式 |
掌握 AI 時代程式設計的核心。學會與 AI 配對程式設計，讓 IDE 成為你最強的合作夥伴。 |
|
| title |
details |
| 真實專案驅動 |
沒有玩具程式碼。親手打造 Web 原型、全端應用、微信小程式，真正將每個想法落地為產品。 |
|
|
🚧 繁體中文版正在翻譯中
我們正在努力將完整的 Easy-Vibe 教程翻譯成繁體中文。
敬請期待完整版本！
在此之前，您可以先訪問簡體中文版或英文版。
<style>
.VPHomeHero .text {
font-size: 1.8rem;
}
</style>
Made with ❤️ by Open Source Contributors
覺得有幫助嗎？
您的 Star 鼓勵我們持續更新 🚀
<style>
.footer-cta {
margin-top: 100px;
padding: 40px 24px;
text-align: center;
background: var(--vp-c-bg-soft);
border-radius: 24px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.love-text {
color: var(--vp-c-text-3);
font-size: 0.875rem;
margin-bottom: 24px;
font-family: var(--vp-font-family-mono);
}
.support-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 8px;
color: var(--vp-c-text-1);
}
.support-text {
font-size: 1.1rem;
color: var(--vp-c-text-2);
margin-bottom: 24px;
}
.github-badge {
display: flex;
justify-content: center;
align-items: center;
}
.github-badge img {
height: 32px;
}
</style>
sanbuphy
0e0de6382f