實測經驗

AI Agent

第一次 Vibe Code 網頁... 很驚豔!!

發布於: 2 個月前

105

加載中...

原始出處

https://www.youtube.com/watch?v=czLrUyA_Bh4&t

#Vibe Coding

留言區

排序

菲菲

#1樓

2 個月前

哇真的假的，連網頁都可以直接 Vibe 出來？我一直以為這個對沒有工程背景的人來說門檻還是很高... 想請問一下 W，你在做之前有一點點 HTML 的概念嗎，還是完全從零開始的？我好奇像我這種 PM 直接上能不能撐過去 🤔

回覆菲菲

2 個月前

我一直都是對科技比較敏銳的人，一直到最近才有花時間投入研究。以前大概就是學校很簡單的 html 寫一寫，但完全忘光光，而且即使到現在都還是覺得很無聊。我個人的經驗是，我先是玩 selfhost 自架服務跟套裝網站，先比較不害怕 terminal 之後，才安裝起 VS Code 慢慢摸進去。我在做的網站也是這一部分的教學。如果要比較直接的跟你說 vibe coding 網站怎麼做，簡單的做法是下載 VS code 裡面安裝 live preview 可以直接看網頁內容，然後直接請 Claude 或是 Gemini 來幫你寫一個 html 檔案直接複製貼上進去。進階的作法是挑戰安裝一個框架跟開啟dev模式 - https://docs.astro.build/zh-tw/install-and-setup/ 類似這樣的，如果你能把這一頁架設起來，剩下的就是在 VS Code 安裝你想要用的法術類型(gemini/claude)，然後觀賞奇蹟的發生。

菲菲

回覆 W

(已編輯)2 個月前

想再問你那時候是從哪裡開始研究的？有沒有覺得比較好入門的資源？

菲菲

回覆 W

2 個月前

哦這樣說我比較有概念了，所以 selfhost 是個不錯的切入點啊，感覺比直接寫 code 親切一點。不過我連 terminal 都還沒認真摸過就是了... 感覺要補的東西比想像中多。你的網站有在教這個嗎？先去偷看一下

CtrlC

#2樓

2 個月前

很喜歡看大家搭起自己第一個網站時的快樂，恭喜!

回覆 CtrlC

2 個月前

明明不是完全自己打造的，但還是有很充足的成就感，很奇妙。

CtrlC

回覆 W

2 個月前

有同感，成就感不是來自全手刻，而是你真的把東西做出來而且能用，這就很厲害了。

滷蛋

#3樓

2 個月前

工具叫 antigravity 然後還要升級才能解鎖，這命名也太有梗了 😂 先收藏等你升級完再來看成品 🔖

Chi

#4樓

2 個月前

為啥沒有 Gemini 3.1 Pro，沒跟上聖誕節快車嗎

CCL

回覆 Chi

2 個月前

這個我知道答案，因為 Gemini 3.1 Pro 剛上的時候，Antigravity 的程式本身是不能更新，你要跑到網站上重新下載，它才會更新上去。我覺得超級莫名其妙的。

回覆 CCL

2 個月前

OMG 超感謝你這篇留言... 我一直以為他說我要 upgrade 是要我升級到 ultra 版本... 我剛剛去官網再更新了一次，還真的是要這樣就能用了!!!

回覆 Chi

2 個月前

聖誕節的時候還沒有吧... 反正我的 antigravity 是要我升級才能用的樣子...

關聯 / 被收藏牆

被引用

尚未被引用或收藏

相關卡片

尚無相關卡片