最近有在使用MCP，以觀察Cursor為例，工作經驗，心得分享
最近才把MCP整個觀念釐清。
在以往開發會使用VSCODE 或其他各類 編譯工具。
再回頭看了一下 cursor 這套編譯器，其實它就是一個MCP(圖1)。
 |
| cursor的Agent(圖1) |
在cursor的Agent當中，可以選擇模型，cursor有把主流的模型放進來(圖2)。
 |
| 選擇模型(圖2) |
接下來以cursor建立一個REACT為例。
先輸入指令 建立一個REACT範本 試試 (圖1)
 |
| 建立REACT 範本(圖1) |
這時候Agent 就會開始思考並建立寫出建置的語法，但是尚未執行。(圖2)
 |
| 尚未執行(圖2) |
那在有的MCP當中，有些指令是不允許幫用戶變更的，以cursor來說，這塊是需要用戶手動執行，也就是run ，需要自己按，按下後就會開始執行語法(圖3)。
 |
| 同意MCP 建置(圖3) |
執行完成後，就會看到react 專案建置完成(圖4)。
 |
| react 專案建置完成(圖4) |
接下來就啟動專案吧！(圖5)
 |
| 開始啟動react 專案(圖5) |
按下啟動後，專案就啟動了! (圖6、圖7)
 |
| 啟動專案(圖6) |
 |
| web上看到的畫面(圖7) |
其它範例
以Vue 為範例(圖8)
 |
| Vue 為範例(圖8) Vue成功執行 (圖9) |
 |
| Vue成功執行(圖9) |
接下來 我有透過MCP 製作簡易的塔羅抽卡網站(圖10)
留言
張貼留言