Video thumbnail for Coding (a real project) WITHOUT A MAC on Apple Vision Pro!

Apple Vision Pro免Mac開發攻略:Code Server實現遠端編程!

Summary

Language:

Quick Abstract

想在 Apple Vision Pro 上開發程式嗎? 現在有了新解方!透過 Code Server,您可以在任何裝置上,利用瀏覽器存取功能完整的 VS Code 環境,輕鬆進行開發工作。本摘要將帶您快速了解 Code Server 的強大功能、安裝方式,以及在 Apple Vision Pro 上使用的可能性,讓您擺脫裝置限制,隨時隨地Coding!

快速重點:

  • 解決方案: Code Server 讓你在任何Unix系統伺服器運行VS Code,並透過瀏覽器遠端存取。

  • 開發環境: 讓你擁有完整的檔案系統存取權和終端機介面。

  • 輕鬆安裝: 簡單的指令碼即可完成安裝,快速上手。

  • 客製化設定: 可透過 YAML 檔案輕鬆調整設定,例如連接埠和密碼。

  • 擴充性: 支援 VS Codium 的 Marketplace,可安裝各種外掛和擴充功能。

  • Apple Vision Pro整合: 讓 Apple Vision Pro 成為你的主要開發環境,不再受限於缺少檔案系統存取權。

  • 注意事項: 使用 CodeWhisperer 等服務可能需要 HTTPS 連線。

利用 Code Server 在 Apple Vision Pro 上進行程式開發

前言

各位朋友,今天要分享一個超酷的東西。在之前的兩三個影片中,我提到 Apple Vision Pro 缺少的一項功能,就是沒有 VS Code,這也是為什麼我無法單純將它作為我的開發環境,還需要搭配 Mac 等其他設備。原因是蘋果的設計模式讓使用者無法直接存取檔案系統,這雖然可以理解,但如果能有解決方法就太好了,而我真的找到了。

Code Server 的發現與原理

最近,我得知了一個名為 Code Server 的東西,它能讓你在任何基於 Unix 的機器上運行,本質上就是一個可以透過網頁瀏覽器存取的 VS Code 副本。而且不只是在同一台機器上的瀏覽器,而是任何機器上的瀏覽器都可以。我突然意識到,如果我能在那台機器上存取 VS Code,並且它能存取檔案系統和終端機,那麼單獨使用 Apple Vision Pro 進行開發就變得非常可行。

實際操作展示

我進行了實驗,並想展示我在 LLM 專案中編程和解決問題的畫面,因為這真的太神奇了。接著,我會向大家展示我是如何安裝它、一些配置以及 Code Server 的一些小問題。

首先,看看我的設置,你會發現我面前沒有 Mac。我有三個 Safari 視窗,而且都不是遠端桌面。左邊是我的 GitHub,打開了問題列表;右邊是我在編程時可能需要查詢的資料;中間是在瀏覽器中的 VS Code 副本。有趣的是,它實際上是託管在一台獨立的機器上,而這台機器也是我進行開發的機器。更有趣的是,當我編輯檔案時,它不會修改 Apple Vision Pro 上的任何檔案,而是將檔案保存到託管 VS Code 副本的遠端伺服器上。

解決專案問題

在這個畫面中,我正在處理的問題是改善一些日誌記錄。之前我在這方面做得不太好,有一個關鍵部分的日誌大量輸出,我之前的影片有提到。原來我到處散布了很多調試行,在日常情況下並不是很有用,所以我試著讓我引入的 trace 變數能正常工作。

另外,我還為另一個之前完全沒有日誌記錄的模組寫了一些日誌。考慮到我必須為這個中間件與前端進行整合,這是很重要的。最後,我寫了一個提交,並雙重檢查它是否真的解決了相關問題。當我推送提交後,立即查看 GitHub 標籤頁,發現 Safari 中打開的問題已經顯示為已完成,這真的很酷。

Code Server 的安裝

我在這裡打開了 Code Server 的 GitHub 頁面,連結會在描述中,也會在其中一個資訊卡上。安裝其實非常簡單,只要向下滾動到「Getting Started」區域,就會看到一個完整的安裝腳本。

你只需要複製這個命令,然後貼到任何基於 Unix 的機器的終端機中,它就會自動運行。它會根據你所使用的操作系統自動執行,非常酷。在我的 Ubuntu 機器上,我只需要貼上命令、按下 Enter、輸入管理員密碼,就完成了。

如果我想現在啟動 Code Server 並在啟動時重啟,只需複製他們提供的命令並貼上。他們已經使用 systemctl 進行了預配置。如果我想更改配置,只需進入 .config/code-server/config.yaml,整個配置都在這裡,非常簡單。例如,如果我想讓 Code Server 可以從運行它的機器之外的地方存取,我只需更改這裡的端口,比如改成 4567。保存後,執行 sudo systemctl restart code server,就完成了。然後我就可以在瀏覽器中輸入那台機器的 IP 地址(192.168.10.254)和端口 4567,就會出現密碼提示。在同一個配置檔案中,會有提供的密碼,複製並輸入,就可以神奇地擁有一個 VS Code 版本(實際上是 VS Codium)。

功能與限制

因為這是 VS Codium,所以你可以訪問市場,獲取所有不同的插件和擴展。我只是簡單地打開了管理員用戶的主目錄,也可以使用 URL 查詢參數打開任何目錄。然後我打開了一個檔案,進行編輯,你會發現如果我在命令行中查看這個檔案,編輯是瞬間完成的。

Apple Vision Pro 終於有了從 Apple ID 自動填充密碼的功能,所以你可以將密碼保存到 Mac 的 Safari 或你設置 Code Server 的地方,就再也不用擔心輸入密碼了。

不過,Code Server 也有一些小問題。例如,像 AWS Toolkit for CodeWhisperer 這樣的擴展,除非你通過帶有 SSL 證書的 HTTPS 連接到 Code Server,否則無法登錄。在通常會有 AWS 工具包資訊和一些按鈕的標籤頁上,它是完全空白的。另外,在一個 Code Server 客戶端建立的 CodeWhisperer 連接不會轉移到其他客戶端,這是因為登錄資訊可能保存在你的 cookie 中,而 cookie 不會在不同的瀏覽器或機器之間轉移。

總結

Code Server 基本上就像你的正常 VS Codium,你可以使用所有想要的擴展、相同的檔案管理系統,還可以上傳檔案。它開發得非常好,無論你的情況如何,都是一個非常強大的工具。

我希望這能讓你對 Code Server 有一個很好的了解,包括如何安裝它以及一些小問題。我認為它有很大的潛力。雖然目前我個人可能不會使用它,因為我操作的精確度有限,一些快捷鍵也有點奇怪,比如按下 Command-W 會關閉整個 Safari 窗口,而不是 VS Code 中打開的應用程序。可能有相關設置,但有點難以理解,甚至不確定是否可能,因為一些快捷鍵總是會在瀏覽器中的程序理解之前被操作系統註冊。

總之,如果你缺少 Mac,使用 Apple Vision Pro 作為主要的編程電腦仍然是完全可行的,因為它現在為你提供了所需的一切。你可以有編程環境、Git 或 SVN 等版本控制庫,還可以查詢資料、調整電腦設置。在我看來,它具備了我進行開發所需的所有核心組件,我不再需要擔心無法存取檔案系統的問題。今天就分享到這裡,希望你們喜歡,下次見。

Was this summary helpful?

Quick Actions

Watch on YouTube

Summarize a New YouTube Video

Enter a YouTube video URL below to get a quick summary and key takeaways.