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

更新 發佈閱讀 5 分鐘

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

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

vocus|新世代的創作平台
vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台
vocus|新世代的創作平台
vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

設定 VPN 遠端連線

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

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

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

vocus|新世代的創作平台

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

vocus|新世代的創作平台

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

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

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


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

留言
avatar-img
KoiCode的沙龍
13會員
11內容數
解鎖更多claude code/程式碼相關的玩法和黑科技
你可能也想看
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
對於上班族來說,在處理文案、報告、新聞稿撰寫,或是資料彙整、簡報內容調整等,要是有一個好用小幫手可以支持,絕對能省不少時間與心力。特別在推出Chat GPT後,雖然有說對不少產品帶來衝擊,但也是工作上的好幫手,不過它的付費版卻不便宜....
Thumbnail
對於上班族來說,在處理文案、報告、新聞稿撰寫,或是資料彙整、簡報內容調整等,要是有一個好用小幫手可以支持,絕對能省不少時間與心力。特別在推出Chat GPT後,雖然有說對不少產品帶來衝擊,但也是工作上的好幫手,不過它的付費版卻不便宜....
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
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
因為最近想嘗試編碼風格,於是就選了一套比較"不嚴格"的輔助工具來摸索。 編輯器 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
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News