Claude code寫程式?我這個麻瓜竟然可以用魔法了?Vibe Coding

閱讀時間 15 分鐘

前陣子因為MCP串接Notino付費了Claude Pro,一年約6千元,
除了可以加速學習不熟悉的領域,還能透過MCP串接協助處理不少事,
既然都付費了,就乾脆把能玩的都試試,Claude code是Pro訂閱才能玩的東西之一,
它的運作原理是,安裝在自己電腦,給予權限,然後他就可以在指定資料夾內編修檔案,
這代表什麼呢?裝了以後就不用再當Ctrl+C & Ctrl+V搬運工,把對話資料搬來搬去改東西。

寫一個應用程式這種事情,對以前的我來說根本天方夜譚,從來沒想過,
雖然自行建構公司ERP時,我負責了許多系統工作流的邏輯驗證,
但我上次跟【程式碼】有點接觸,恐怕是小時候電腦灌遊戲還是用磁碟片,
要在DOS輸入一些基礎指令的時候了。

我對程式運作邏輯一直都有興趣,但coding語言對我來說就是天書,
有些想要使用的小工具市面上找不到,通常是一些特化的小功能,
之前用ChatGPT頂多做一些html工具,難以分享,也無法做資料雲端串接,
又不想灌Python來複製貼上(學習成本頗高),有了Claude code,
我這個麻瓜竟然有機會用自然語言施放魔法,太有趣了!

實際安裝

###請依照最後一個標題,直接安裝原生windows版本更方便也更穩定

透過反覆與Claude討論修正(這是第21版),完成了我覺得最簡潔易懂的安裝步驟教學,
請參考Claude Code 新手安裝指南 🚀,裡面閃掉了非常多我自己安裝遇到的坑,還有繞的彎,
Claude有一個很方便的就是,所有文件都可用這樣的方式共享,
可能依據指南安裝還會遇到一些小問題,畢竟每個人的理解程度還有電腦環境不同,
但照著指南步驟,遇到卡關就截圖問Claude,應該不難解決。

在有Claude跟眾多AI的協助下,現在要安裝一個自己不熟悉的東西,已經簡單很多,
以前可能要翻找很多文章,看不少影片去建構環境,
遇到問題A,必須要看有沒有其他人遇到,然後有高手分享解決辦法
有AI協助,找資料跟解決方向就快很多,還能問很多超級基礎的科普問題。

我自己初期弄是在Windows CMD(終端機)安裝,弄了一堆我不熟悉的指令,一直執行複製貼上,
當初的流程大概是,先安裝Node.js,然後用CMD安裝WSL(就是windows下的Linux),
設定Ubuntu帳號密碼,在WSL環境裡面安裝Claude code。

在上面終端機介面玩了幾天,我們資訊同事跟我說,可以整合Windows的VS code
這樣跟Claude code協作時,能同時預覽它修改的檔案,我一開始都是自己切換視窗看成果,
而且Claude code生成的純文件檔都是.md居多(基本Markdown文件),類似.txt純文字檔案,
用VS code可以很容易閱讀,整個溝通協作介面馬上大優化,看起來更專業也更方便使用。

整合VS code最需要注意的小細節在這邊! 左下角要確認是WSL環境(windows下的Linux),

我在這邊卡非常久,因為預設VS code打開是標準CMD環境,

上面這就是我一開始的狀態,跟AI來回討論1小時都沒解決,
因為我根本不知道左下角這邊是環境狀態,我對VS code介面完全無基礎認知,
後來幾乎要放棄,截圖問我們資訊同事,他點出可能的問題,我才解決,萬分感謝專業
這邊其實也能看出,人類的「經驗」在很多部分還是AI「龐大知識量」難以替代的。

運作方式

如果不整合VS code,就是在想做的專案資料夾(比如E槽的AI專案資料夾)中按Shift+右鍵,
選擇在這裡開啟終端機(或在這裡開啟Power Shell視窗),然後輸入WSL(開Linux環境),
再輸入claude,就會啟動Claude code,可以直接對話協作。

而用VS code整合後,WSL的環境位置會預設一個虛擬磁碟機,這會占用C槽空間,
所以原則上我是在別的硬碟開專案資料夾,在VS code中切換過去操作,
最一開始我在C槽玩,有一個程式他做好,我測試運行的時候,解析出超過預期的資料量,
直接把電腦玩到當機,C槽全滿,所以建議是在非作業系統槽玩,可以減少一些問題,
在VS code中切換主要專案資料夾的方式是,先按Ctrl+K再按Ctrl+O就可以切換。

這裡有一個像我這樣外行人不太容易知道的小細節,
mnt指的是磁碟機(比如我放在E槽),… 是到上一層資料夾,點名稱是進入資料夾。

開啟不同的每個資料夾時,都會被視為一個新專案,通常要重新授權,
授權的邏輯是往下不往上(創建的子資料夾會繼承授權,但更上層資料夾不會),
即使在一個大資料夾裡做一堆不同專案,對Claude code也沒太大影響,
它很容易切換在不同專案工作,但我不行,同時期有好幾個東西進行時,同資料夾我很混亂,
所以我做不同用途的程式時,就會在不同資料夾開始。

因為每個資料夾都視為不同專案,以致於在A專案跟Claude code溝通好的默契,新專案都要重來,
所以我就與Claude code討論溝通,做了一個標準設定檔案,
類似這樣,我還指定了一些比如 /繼續 跟 /推送這類的特定指令,

可以在對話窗輸入# 再貼上這堆資料,Claude會問記憶要存在哪裡?

User就是不管專案(全域設定),Project就是設定這個專案專用,別的專案要重新設定,
這樣即使開啟新專案,也能很快的處理好環境。

整合VS code還有一個非常有用的功能是,Claude code可以看到我們目前打開的文件,
還可以看到我們選取了文件裡的哪些東西,這樣在做精細微調的時候很方便,
可以選取某段文字或某個區塊,請他針對這部分做修整。

這個功能叫做 text selection context,當你在 IDE 中選取文字時,
Claude Code 會將選取的內容作為上下文資訊傳給我,
讓我知道你目前關注的具體內容。

🔍 這個功能的用途
1. 精確回答 – 我可以針對你選取的特定部分回答
2. 上下文理解 – 知道你目前在看哪個檔案的哪個部分
3. 相關建議 – 提供與選取內容相關的建議

---Claude code

使用成果

必須說,這非常好玩,用自然語言敘述想達成的功能,就可以討論出解析出實現的步驟,
因為放暑假了,兩個孩子在家時間大幅拉長,不希望他們因此近視加劇並且整天黏在電腦前,
開完家庭會議大家一起討論出使用時間後,我就讓Claude code做了一個計時用的程式:

這個介面是Canva code幫我做的,設計感還不錯,但功能就讓Claude code接著完善,
兩個小孩先選擇身分,應用程式會記住,然後選擇類別與計時時間後,視窗會縮小,
時間到的時候,程式會自己跳出來並且撥放音效1分鐘,如果沒有關掉,30秒後會再叫。
下方會統計今天使用的總時間(要符合大家討論決議的限制),應要求還做了黑夜模式!

計時資料存放是連動到我雲端硬碟的Google試算表,所以要看統計資料也很方便。

下面這個則是最近有些資料想解析成資料庫,想說既然有Claude code協助,
乾脆做成AI友善的RAG向量資料庫(之前只聽過,沒玩過),他很快就規劃出以下步驟。

老實說,雖然很多部分是寫中文,但我看不懂,架構跟邏輯感覺挺合理,有模有樣
接著就是排程讓他依序執行,邊看他的進度,邊提供一些授權許可,大概一周左右,
還真的就把這個RAG向量資料庫做好,並且可以解析資料存入。

心得

Claude在聊天介面單一對話串中,較容易出現對話過長,無法繼續的狀況(要把東西搬去另一個對話討論),

這在一些「實作類型」比如安裝跟使用某些軟體時較常遇到,因為我都會讓他先「研究」做步驟文件,
再依據狀況改版調整,Claude code倒是不太會有這個問題,即將到達對話上限時,他會自己摘要對話,
不過我習慣透過指令讓他記錄摘要跟專案狀況,這樣在進行比較大的專案時,延續性就會比較好,
Claude code還有個好處是,可以透過一些方法排程讓他長時間自行工作,這是聊天介面與網頁難以做到的。

要說Claude code讓我有什麼收穫,我覺得最大的是知識補充學習,還有樂趣,
這就像是一個麻瓜,喊了Lumos(路摸思)突然就能照亮前方的黑暗一樣,
突然擁有施展魔法的能力,就會想要嘗試跟探索自己能做到什麼,
目前來說,並沒有多少實質上的利益獲得,但擁有「良好體驗」的價值難以衡量。

而以社會趨勢來說,這波生成式AI與Vibe Coding已經造成大量的人被裁員
大量裁員的公司是否做了正確的決定?這見仁見智,有很多已經開始回頭彌補,
一年前砍人改用 AI 的那些企業,現在已經開始請回人類專家幫忙收拾爛攤
為了AI而AI有些是盲目跟風,有些是大公司為了股價,不一定都完全了解AI能做到什麼,
AI對放大工作可能有效益,應優先考量人力,調整工作方式,擴大產出,可能比亂裁員更實在,
畢竟AI不好用可以換一家訂閱,有更好模型就換新,人才可不是能隨意補充的資源

軟體工程師跟美術相關人員是首當其衝的第一波,他們不全然是受害者,但被迫要改變工作方式,
我很喜歡的作者,寫的這篇Vibe Coding 與人類的時代,就很好的點出,
專業的使用者透過AI工具能放大的,遠比我這種麻瓜大上許多,比如上面提到的計時程式,
我們資訊同事也用Claude code做了一個,功能比我的更加完善,好用到朋友願意花錢跟他購買,
也許Coding這部分技能使用的機會變少,但邏輯架構跟理解都還在,
就如同刻意練習中提到的一樣,雖然心智表徵換領域就幾乎沒有用處,
刻意練習的方法,本身就是一個心智表徵,搭配AI協作也沒完全換跑道,只是工具不同,
美感跟專案架構都不是麻瓜朝夕之間能夠培養的。

像是當初ChatGPT橫空出世一樣,不需要過度神化工具,它並非無所不能,
但一個好工具,而且是影響整個世代的工具,值得投入一些時間學習
AI對我來說不是解決一切的萬能工具,但它確實降低了很多事情的門檻,
讓我可以做一些以前只能想想,卻學習成本過高,一直無法嘗試的事情,

「師者,所以傳道、受業、解惑 也」,AI大概剩下傳道做不太到,
我也不希望讓他傳道給我,我有我自己的道,再好用的工具,它還是工具,
就像google導航非常好用,我也沒打算讓它決定我的目的地。

解惑它能做得相當不錯,主要因為它就是工具,當我們潛意識理解它只是工具,並不是真人時,
我們就能放下自尊,問很多白癡問題,對AI,「不恥下問」其實還蠻容易的,
研究顯示美國學生上課用AI並不是為了作弊,而是因為問老師會被罵、問AI不會
那老師就不重要了嗎? 我反而覺得可能更重要了,傳授知識跟解答問題,未來AI也許能做更好,
但身教、言教,成為讓人想學習做人做事道理的老師,會更彌足珍貴,
我可能會很敬佩一個人,想跟隨他得到智慧,但比百科全書還厲害的AI,不會讓我尊崇。

2025/7/26更新-windows原生安裝

再等等就又有了! 本來在windows環境需要安裝WSL才能使用,還是容易遇到一些環境問題,
這幾天發現Claude code有原生安裝於windows的版本發布,就趕快把電腦裡的重新安裝,
原則上跟WSL版本安裝方式也類似(可以少做一些步驟),新版安裝指南如下:
Claude Code Windows 原生版安裝指南 🚀,運作方式跟WSL版本也相同,
打開VS code,在下方終端機視窗輸入claude,就能開始協作了,
如果在終端機輸入claude顯示:

Claude Code on Windows requires git-bash (https://git-scm.com/downloads/win). 
If installed but not in PATH, set environment variable pointing to your bash.exe, 
similar to: CLAUDE_CODE_GIT_BASH_PATH=C:\Program Files\Git\bin\bash.exe

那就是要安裝一下git for windows. 依照他提示的網址安裝(都依照預設的選項裝),
因為原生windows的claude code需要這個程式提供他運作的環境,裝好應該就能啟用了,
原則上建議安裝原生windows版本,以免WSL虛擬環境會占用一些系統資源,
而且協作上因為作業環境不同,比較容易出現一些相容性錯誤。

2025/11/28更新-更方便的使用方式(強烈建議)

昨天發現claude桌面應用程式跳了一個更新,除了最新模型以外,還新增了code模式,
前幾周claude就已經開放了網頁版本,是把程式碼檔案存在github(一個雲端存放程式碼的服務),
但我覺得那樣編譯比較不直觀,畢竟我只是一個外行人,github我都只拿來當備份跟版本控管。

新的code模式在左上角切換,切換後會先看到這個歡迎畫面,點下方的install自動安裝必要元件:

顯示E槽那邊點下去是指定程式碼想放置的位置,對應右邊選項是Local worktree,
他也能直接連動之前在網頁版做過的案子(對應github):

決定好位置,準備執行命令時,一樣會跳出權限確認,然後就可以開始運作了!

這個方式的好處是,如果是做網頁介面式的東西,claude desktop可以直接用更直覺的方式顯示,
如果習慣使用VS Code的話,現在也有更簡便的方式,安裝好VS Code以後,直接在應用擴充找claude,
安裝後啟動,完成登入,就能直接開始使用,之前命令列那些安裝方法都還能用,但就相對麻煩多了。

延伸閱讀:
不會程式就奪冠!他靠AI「Vibe Coding」橫掃200場黑客松戰場
Rakuten 以 Claude Code 將 1,250 萬行程式碼重構 七小時完成準確率達 99.9%
「程式碼只是失真投影!」OpenAI工程師預言:「寫規格」才是未來黃金技能,不是寫程式
生成式 AI 顛覆軟體業,開發成本暴跌!專家:就像 YouTube 擠垮了有線電視

相關文章:
ChatGPT對我的影響&我如何運用
Canva+Claude=Canva code測試心得
Notion+Claude MCP AI煉成-與第二大腦對話
刻意練習-4-培養小小專家邁向非凡的路線圖

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

文章更新頻率不定,訂閱確保不錯過任何精彩內容 ✨

✅ 最新文章發布通知    ❌ 無任何廣告推銷

🔒 隱私保護 | 📝 隨時可取消 | 💌 訂閱後請查看信箱確認