在家也能「上班」:VibeTunnel + Claude Code,輕鬆實現遠端 AI 開發!

更新 發佈閱讀 5 分鐘

最近正職加班比較多,但誰還沒點「私活」想在公司偷偷來呢?🤫 於是我試了市面上常見的遠端桌面和 SSH 連線工具,結果發現大多數產品設定起來都太複雜,而且頁面在手機上根本無法正常顯示!電腦上正常大小的字,放到手機螢幕上看簡直是對眼睛的「物理傷害」🤦。

好在這兩天逛 GitHub 的時候,意外發現了一個超好用的專案:

raw-image
raw-image

VibeTunnel:Claude Code 的「御用」遠端桌面?

raw-image

VibeTunnel 這款工具,根本是為 Claude Code 量身打造的遠端終端機!它和我們常見的遠端桌面產品完全不同,更像是 Claude Code 的專屬搭檔,因為它能做到:

  1. 無需特殊設定,隨時隨地存取: 告別繁瑣的 SSH 設定,只需下載軟體、輕鬆登入,一切搞定!任何裝置、任何時間,用瀏覽器隨時隨地就能存取你的終端機。
  2. 即時可見 Claude 的「一舉一動」: 你能清晰地看到 Claude 的即時工作狀態(例如「思考中」、「建構中」、「搜尋中」),甚至還能看見進度條,以及它已經消耗了多少 Token,全程透明!
  3. 長時間穩定連線: 無論是重新整理瀏覽器,或是在外部終端機工作階段中操作,都不會影響你正在進行的終端機工作階段。隨時進來,隨時離開,工作階段長久在線,永不中斷。
  4. 完美相容 Claude Code 快捷鍵: 更貼心的是,它為行動裝置鍵盤提供了 Shift+Tab 等快捷按鈕,讓你在手機或平板上也能輕鬆切換 Claude Code 的模式,行動辦公效率絲毫不減。
  5. 快速啟動新工作階段: VibeTunnel 直接把 Gemini CLI、Claude Code 等 AI 助手設為快速啟動選項,讓你能一鍵建立新的終端機工作階段,省心又省力。

VibeTunnel 如何使用?

你可以直接造訪它的官網下載:Vibetunnel,或者直接進入 GitHub 儲存庫,下載編譯好的軟體:https://github.com/amantus-ai/vibetunnel/releases

raw-image

下載安裝後,我們需要登入並做一些簡單的設定。我目前的設定如下,你可以參考一下:

raw-image
raw-image
raw-image

當然,在安裝過程中,軟體也會主動提示你進行設定。我們只需根據需求設定這些選項即可。完成設定後,你就可以在區域網路內登入你的控制台了!

raw-image

看,是不是超級簡單?區域網路內的裝置現在就能遠端連線終端機了!但是,肯定有朋友要問了:「這只能在區域網路用,我們要怎麼實現真正的遠端連線呢?」

設定 VPN 遠端連線

VibeTunnel 官方推薦了一個簡單又可靠的方法:透過 Tailscale 軟體建立 VPN 通道,實現遠端存取。這種方式也非常簡單,你只需在所有需要通訊的裝置上安裝 Tailscale,並登入同一個帳號即可。

Tailscale 下載地址:https://tailscale.com/download

可以看到,我的 Mac 和 iOS 裝置都同時安裝了這款軟體:

raw-image

現在,我們只需在瀏覽器中輸入 100.xx.xx.xx:4020 (也就是你裝置上紅色框線標示的 Mac 位址) 就可以登入你的 VibeTunnel 控制台了!

raw-image

點擊右上角的「+」號,你就能輕鬆建立新的終端機工作階段,在家遠端使用 Claude Code「工作」了!整個過程僅僅需要登入軟體,完全無需進行任何複雜的設定!

至此,你的 Claude Code 將徹底打破地域限制!VibeTunnel 不僅讓遠端辦公變得輕鬆,還提供了強大的工作階段管理和即時監控功能。

好了,以上就是今天的文章內容。


小弟創建了一個有關ClaudeCode以及寫程式碼的DC群組,目前還處於起步狀態,希望各位能多多支持!每天都會在群組裏分享ClaudeCode的使用技巧。如果大家感興趣,請點按ClaudeCode交流群組加入!感激不盡。

留言
avatar-img
留言分享你的想法!
avatar-img
KoiCode的沙龍
1會員
5內容數
解鎖更多claude code/程式碼相關的玩法和黑科技
你可能也想看
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
在小小的租屋房間裡,透過蝦皮購物平臺採購各種黏土、模型、美甲材料等創作素材,打造專屬黏土小宇宙的療癒過程。文中分享多個蝦皮挖寶地圖,並推薦蝦皮分潤計畫。
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
小蝸和小豬因購物習慣不同常起衝突,直到發現蝦皮分潤計畫,讓小豬的購物愛好產生價值,也讓小蝸開始欣賞另一半的興趣。想增加收入或改善伴侶間的購物觀念差異?讓蝦皮分潤計畫成為你們的神隊友吧!
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 VS CODE 框架 VUE3 打包工具 VITE 編碼風格 Standard 環境 version { "nodejs":"v18.18.0", "npm":"9.8.1" }
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
對於上班族來說,在處理文案、報告、新聞稿撰寫,或是資料彙整、簡報內容調整等,要是有一個好用小幫手可以支持,絕對能省不少時間與心力。特別在推出Chat GPT後,雖然有說對不少產品帶來衝擊,但也是工作上的好幫手,不過它的付費版卻不便宜....
Thumbnail
對於上班族來說,在處理文案、報告、新聞稿撰寫,或是資料彙整、簡報內容調整等,要是有一個好用小幫手可以支持,絕對能省不少時間與心力。特別在推出Chat GPT後,雖然有說對不少產品帶來衝擊,但也是工作上的好幫手,不過它的付費版卻不便宜....
Thumbnail
Vue Router 及 具名視圖,擺脫以往切換依賴 CSS display:none 跟 display:block 互相配合,有時還得搭配 z-index 來調整層級跟 opacity 透明度的麻煩,而 Vue Router 完美的解決了這棘手的問題,且能客製頁面想要呈現的擺飾。
Thumbnail
Vue Router 及 具名視圖,擺脫以往切換依賴 CSS display:none 跟 display:block 互相配合,有時還得搭配 z-index 來調整層級跟 opacity 透明度的麻煩,而 Vue Router 完美的解決了這棘手的問題,且能客製頁面想要呈現的擺飾。
Thumbnail
在現代快節奏的工作環境中,有效的團隊協作和資訊共享變得至關重要。而隨著科技的不斷發展,我們有了越來越多的工具來實現這一目標。HackMD 就是其中一個引人注目的平台,它結合了線上協作、即時編輯和版本控制等功能,為用戶提供了一個全新的協作體驗。
Thumbnail
在現代快節奏的工作環境中,有效的團隊協作和資訊共享變得至關重要。而隨著科技的不斷發展,我們有了越來越多的工具來實現這一目標。HackMD 就是其中一個引人注目的平台,它結合了線上協作、即時編輯和版本控制等功能,為用戶提供了一個全新的協作體驗。
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News