1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

VSCodeのLinux版がいつの間にかモダンなGUIに変わってた

Posted at

筆者について

name → Koki Teramoto
age → 18
language → ja_JP, en_US

本編

僕の普段のメイン機はM1のMacBook AIrなのですが、このたびバッテリー交換のために完全に修理に出しまして、それをきっかけにAsahi Linuxの環境を完全に削除しました。その代わりにLinux環境を改めてUTM上に立てたArch LinuxのVMで揃えたのですが、その際にインストールしていたVSCodeが以前よりもとても変化していたので今回とインストールをしたいと思っています。

そもそもGUIが全体的にめちゃめちゃ操作しやすくなっている

そうなんです、そもそもの話でGUIがめっちゃ整理されています。なんと言うのか、最近はWayland移行の動きが結構活発化している気もするのですが、その一つでしょうか。個人的にはかなりLinux版もWindows版やMac版みたいなモダンなGUIに寄せてきているなと思っています。

Screenshot From 2025-01-25 18-17-15.png

Arch LinuxにVSCOdeの最新版をインストールしていく方法

ここからはArch LinuxでのVSCodeのインストール方法について記しておきたいと思います。devパッケージやrpmパッケージは実はWebでも配信されているのですが、Archベースの人たちがインストールできるようなパッケージは用意されていません(というかそもそも僕あんまpacmanにパッケージが用意されているの知らないんですよね)。ここで、僕たちがVSCodeをArch Linuxにイントールする方法はどうしても限られてきます。

  • pacmanにある古いパッケージをインストールする
  • Flatpakからインストールする
  • 手動でファイルを展開する

今回全て試したのですが、新しいGUIを試せたり、あるいはInsidersビルドを使いたいということもあってすべて手動で設定しましたので、その軌跡を記しておきたいと思います。

.tar.gzをダウンロードする

VSCodeのダウンロードページから圧縮されたgzipをダウンロードしておきましょう。そのまま、回答もお忘れないように。

tar -zxvf code.tar.gz 

そのまま回答したフォルダを適当なフォルダに移動させます。僕は予め作っていた/opt下に持っていきました。

シンボリックリンクを作成する

シンボリッククリックを使っていきましょう。これでコマンドからも起動できるようになります。

ln -sf /opt/code/bin/code-insiders /usr/bin/code-insiders

Desktopファイルを作成する

便利なようにDesktopファイルを作成してそれをDockに固定したいと思います。Desktopファイルは以下のようになりました。

code-insiders.desktop
[Desktop Entry]
Name=Visual Studio Code Insiders
Comment=Code Editing. Redefined.
GenericName=Text Editor
Exec=/usr/bin/code-insiders %F
Icon=/opt/code/resources/app/resources/linux/code.png
Type=Application
StartupNotify=false
StartupWMClass=Code
Categories=TextEditor;Development;IDE;
MimeType=application/x-code-workspace;
Actions=new-empty-window;
Keywords=vscode;

[Desktop Action new-empty-window]
Name=New Empty Window
Name[de]=Neues leeres Fenster
Name[es]=Nueva ventana vacía
Name[fr]=Nouvelle fenêtre vide
Name[it]=Nuova finestra vuota
Name[ja]=新しい空のウィンドウ
Name[ko]=새 빈 창
Name[ru]=Новое пустое окно
Name[zh_CN]=新建空窗口
Name[zh_TW]=開新空視窗
Exec=/usr/bin/code-insiders --new-window %F
Icon=/opt/code/resources/app/resources/linux/code.png

もとのDesktopファイルはパッケージマネージャー経由でインストールしたものをコピーしています。肝となるのは、まずアイコンのところとExecのところです。アイコンのところはresourcesのとことろにあるものを、Execはそのままcode-insidersと書きましょう。それ咲いてできれば最低限のジョウン日は完了です。最後にデスクトップをアップデートです。

sudo update-desktop-database

これで全体のアプリケーション一覧にVSCodeが表示されるような状態にしておきたいと思います。これで、インストールは完了です!

最後に

いや〜、ここ最近は本当に自分の周りの進化の速度が早すぎて困る。頑張ってついていきたいと思います。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?