Migrate from VSCode to Zed

我從 VSCode 遷移到 Zed 了

@ 非技術討論

前言

早期的文字編輯器五花八門，一開始認真挺喜歡早期 Atom🔗 的使用體驗，不過最後被 VSCode🔗 幹掉了，且在前端開發自然而然最常使用的文字編輯器自然是 VSCode 也算是目前大統一的趨勢。

VSCode 沒什麼好抱怨的，生態齊全、文件豐富，甚至大多時候說它慢與臃腫也不至於，不過有新的編輯器自然會想嘗試看看，不是那種簡單的換皮改動像是：Cursor🔗、Kiro🔗，而是完全不同的編輯器，但也不能太複雜因為習慣很難改😅：

  • NeoVim🔗（棄坑，裝太多套件且學習曲線陡峭）
  • Helix🔗（棄坑，學習曲線陡峭且社群較小）

後續持續聽到 Zed 的新聞讓我萌生想跳槽的心情，可以說是換換病發作，總之就是找個藉口重新整理寫 Code 的流程和模式。

  1. Zed 是由 Atom 幾位重要原班人馬打造的🔗
  2. 社群持續穩定成長
  3. 內建 Vim 快捷鍵模擬（看得出來他們對於無鼠標操作的重視！）

對編輯器們的想法

Zed 呈現理性美感且乾淨銳利的體驗，你說編輯器不都差不多嗎？當然不一樣！

  • Notepad++：老人。
  • Atom / Bracket / Sublime：你大概在寫 jQuery 和 CoffeeScript。
  • Nano：正在遠端其他電腦但又不會用 Vim。
  • Vim / Neovim：你很酷喔。
  • VSCode：NPC。
  • Cursor / Windsurf：NPC + AI。
  • Visual Studio：吃微軟全家桶。
  • JetBrains：很有錢。

快捷鍵

整理一些認真不錯用但一直沒養成習慣使用的編輯器快捷鍵：

  • 與 VSCode 相同:

    • 尋找檔案： Cmd + P
    • 執行命令： Cmd + Shift + P

  • Keybindings/Features. Just some you’d probably care about if you like shortcuts in VSCode.

- Search Text Project-wide: Cmd + Shift + F
- Find symbols Project-wide: Cmd + T
- Find symbols File-wide: Cmd + Shift + O
- Open/Close left dock: Cmd + B (⚠️ If you align file-tree dock to Right, this still opens Left)
- Open/Close bottom dock: Cmd + J
- Open Terminal: Ctrl + `
- Open file tree explorer: Cmd + Shift + E
- Close Current Buffer: Cmd + W
- Close Whole Project: Cmd + Shift + W (this is kinda just Mac-specific lol)
- Refactor change variable name: Fn + F2
- Change Theme: Cmd + K + T
- Wrap Text: Opt + Z
- Cmd + Option + Arrow: Navigate Open Tabs
- Syntactic Fold/Unfold: Cmd + Opt + { or Cmd + Opt + } (it feels A LOT better to


-> Different (VSCode -> Zed):
- Open a Project: Ctrl + R -> Opt + Cmd + O
- Move lines up/down: Opt + Up/Down -> Cmd + Ctrl + Up/Down
- Splitting Panes: Cmd + \ -> Cmd + K then Arrow Keys (Would say it's easier)


-> Only in Zed:
- Open/Close Right Dock: Ctrl + R
- Syntactic Selection: Opt + Up/Down (You can select everything inside braces. COOL!)

延伸閱讀