// A devlog by mood.

VSCodeからZedに乗り換えてみた

VSCodeからZedに乗り換えて感じた良かったことと、つまった設定メモ。

最近、VSCodeからZedに乗り換えてみました。

MacBook Air M2(16GB)を使用しているんですけど、VSCodeが少し重く感じる場面が増えてきたことと、メモリ使用量が気になったので使ってみようと思いました。

Zedで良かったこと

  • 起動と操作が軽く、体感でかなりサクサク動く
  • UIがシンプルで、編集に集中しやすい

特に「軽さ」は期待どおりで、しばらく使ってみるつもりです。

つまったところ

一方で、設定周りでは少しつまづきました。
Astro.js ファイルだけTailwindクラス順の並び替えが効かない、という状態にハマりました。

クラス順の並び替えは eslint-plugin-better-tailwindcss に任せています。
eslint-plugin-tailwindcss はTailwind v4だとまだ部分的な対応っぽかったので乗り換えています。

設定一部抜粋

{
  "languages": {
    "Astro": {
      "formatter": [
        {
          "external": {
            "command": "pnpm",
            "arguments": [
              "exec",
              "prettier",
              "--stdin-filepath",
              "{buffer_path}"
            ]
          }
        }
      ],
      "code_actions_on_format": {
        "source.fixAll.eslint": true
      },
      "language_servers": ["eslint", "tailwindcss-language-server"]
    }
  },
  "lsp": {
    "eslint": {
      "settings": {
        "validate": "on",
        "workingDirectory": {
          "mode": "auto"
        },
        "experimental": {
          "useFlatConfig": true
        },
        "format": {
          "enable": true
        },
        "codeActionOnSave": {
          "mode": "all",
          "enable": true
        }
      }
    }
  }
}
  • source.fixAll.eslint.astro に対して実行されているか
  • ESLint側で .astroをちゃんと解析・fixできる設定になっているか

保存時にPrettierは動いていても、ESLint fixが .astro に効いていないと、Tailwindの順番だけ変わらないことがあります。

まとめ

と、いうことでしばらくZedを使っているのですが、動作が軽快で心地よいですね。
Codexの履歴が見れないというのは不便ですがGitHubに表題上がっていたのでそのうち見れるようになるでしょう。
アップデートで見れるようになった!

以上、おわり。