在家也能「上班」: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
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
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
對於上班族來說,在處理文案、報告、新聞稿撰寫,或是資料彙整、簡報內容調整等,要是有一個好用小幫手可以支持,絕對能省不少時間與心力。特別在推出Chat GPT後,雖然有說對不少產品帶來衝擊,但也是工作上的好幫手,不過它的付費版卻不便宜....
Thumbnail
對於上班族來說,在處理文案、報告、新聞稿撰寫,或是資料彙整、簡報內容調整等,要是有一個好用小幫手可以支持,絕對能省不少時間與心力。特別在推出Chat GPT後,雖然有說對不少產品帶來衝擊,但也是工作上的好幫手,不過它的付費版卻不便宜....
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
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
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
自由接案好像很自由、容易,卻需要點方向的指引,希望這篇的分享能給予你一些幫助。
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
打開 jupyter notebook 寫一段 python 程式,可以完成五花八門的工作,這是玩程式最簡便的方式,其中可以獲得很多快樂,在現今這種資訊發達的時代,幾乎沒有門檻,只要願意,人人可享用。 下一步,希望程式可以隨時待命聽我吩咐,不想每次都要開電腦,啟動開發環境,只為完成一個重複性高
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
Thumbnail
平常我們在 html 上常看到的例如 v-for、v-model 等等... 也是VUE已經幫我們定義好的指令,而這次我們可以依這自己的需求來建立。 此功能屬於較進階的功能,因此實戰中會比較少見,市面上還是有不少完善的套件能達到同樣效果,建議可以先往這方面察找
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News