移動端開發秘技:讓我們一起成為自由開發者吧!

前言

由於前陣子筆電送修,中間剛好碰到連假,等了快三周無法使用電腦。原本以為連假結束就能拿回筆電,但維修速度比預期還慢。為了能繼續寫程式,我花了一些時間研究如何在我的 Samsung Tab S9 上安裝 VSCode

安裝過程並不如想像中簡單。在研究中,我發現可以使用 VSCode 網頁版(網址:vscode.dev)來滿足移動端寫程式的需求。此方法操作快速,且能與 GitHub 連動。然而,網頁版 VSCode 的最大問題是目前支援的插件非常有限,無法滿足我的需求。

在尋找資料的過程中,我也注意到一些託管伺服器解決方案,例如使用 Railway,但相關資訊未深入探討。最終,我選擇在 Android 系統上安裝 Termux,並藉此構建 Linux 環境以安裝 VSCode。這樣的方式不僅能在沒有網路或訊號不佳的情況下持續作業,也更符合我的需求。

安裝步驟

1. 安裝 Termux

  • 從 GitHub 安裝 universe 版本的 Termux。
  • 開啟 Termux 儲存權限:termux-setup-storage
  • 更新 Termux:pkg update && apt upgrade -y

2. 安裝 Linux 環境

  • 安裝 proot-distro:pkg install proot-distro -y
  • 安裝 Linux 發行版(Ubuntu):proot-distro install ubuntu
  • 登入 Linux 環境:proot-distro login ubuntu
  • 更新 Linux 系統:apt update && apt upgrade -y

3. 安裝 VSCode

  • 安裝官方版本的 code-servercurl -fsSL https://code-server.dev/install.sh | sh
  • 執行 code-server 以生成資料夾,然後強制關閉。
  • 進入 code-server 資料夾:cd ~/.config/code-server/
  • 使用 nano 編輯器修改 config.yaml
    • 覆寫設定 -> 按 Enter -> 儲存退出。
  • 回到根目錄:cd
  • 啟動 code-servercode-server
  • 在瀏覽器輸入 localhost:8080 訪問。
  • 將網頁加入主畫面捷徑以方便啟動。

使用指南

啟動 code-server

  1. 登入 Ubuntu 環境:proot-distro login ubuntu
  2. 啟動 code-server:code-server --auth none(不需驗證的方式)/ 直接點擊加到主畫面的捷徑

Bonus 功能

VSCode 插件同步

  1. 安裝 Syncing 插件。
  2. 在 GitHub 上創建 Token,並勾選 Gist 權限。
  3. 按下 Ctrl+Shift+P,輸入 Syncing 並選擇 Download Settings
  4. 初次使用時需輸入 GitHub Token 和 Gist ID。

Git 操作

  1. 安裝 Git:apk install git -y
  2. 確認安裝成功:git -v
  3. 開啟 code-server 並在 Explore 中選擇 Clone Repository
  4. 點擊按鈕連結 GitHub 帳號。

Node.js 和 npm

  • 安裝 Node.js:apt install nodejs -y
  • 移除 Node.js:apt remove nodejs -y
  • 安裝 npm:apt install npm -y
  • 移除 npm:apt remove npm -y

建立 React 專案

  1. 安裝 Yarn:npm install -g yarn
  2. 在目標資料夾執行以下指令建立 React 專案:
    1. yarn create-react-app 資料夾名稱
    2. cd 資料夾名稱
    3. yarn start

Linux 基本操作筆記

以下是一些常用指令:

  • 創建資料夾:mkdir 資料夾名稱
  • 移動檔案或資料夾:mv 原始路徑 目標路徑
  • 強制刪除檔案或資料夾:rm -rf 資料夾/檔案名稱
  • 更改資料夾名稱:mv "原始名稱" "新名稱"
  • 返回上一層目錄:cd ..

總結

我認為在移動端進行生產力工作的市場潛力巨大,儘管目前仍屬於小眾領域,但未來的發展空間令人期待。在這方面,Samsung 的系統表現尤為出色,特別是 Samsung DeX 模式,讓人不得不為這個發明點讚。

關於 Samsung DeX,有一段耐人尋味的小故事。DeX 模式的概念最初由一位 Apple 員工提出,但由於主管認為該功能不必要而未被採用。隨後該工程師將此技術帶給 Samsung 高層,他們反而認為這是一項偉大的發明。

Dex 模式確實是一個很棒的功能,但整體使用體驗仍不及 Windows 筆電。主要原因包括:

  1. 注音符號輸入法問題。
  2. 軟體版本相容性。
  3. 作業系統差異。

若你是數位游牧者、自由接案者或經常移動的業務,一台具有生產力的平板是值得考慮的選擇。然而,在選擇平板尺寸時需平衡生產力與便攜性。小尺寸適合單手操作,而大尺寸則更適合高效工作。

希望此文章對有類似需求的讀者有所幫助!

分享你的喜愛