VSCodeのインストールと初期設定

VSCode setup 1/N

公開日: 2021-04-01
更新日: 2024-03-21

  Table of Contents

VSCodeのインストール方法

VSCodeをLinux環境にインストールする方法は大きく3つあります:

  1. MicrosoftのVSCodeレポジトリを登録し, apt経由でインストール
  2. Snapパッケージ経由インストール
  3. 公式ページからdebパッケージをダウンロード & install

今回は公式サイトも推奨している(1)「MicrosoftのVSCodeレポジトリを登録し, apt経由でインストール」を採用します.

なぜSnap経由インストールをしないのか?

Snap経由でインストールすると, SnapデーモンがバックグラウンドでVS Codeの自動アップデートを担当してくれるので 自動的に最新のVSCodeが使えるというメリットがあります. ただし, 日本語入力ができない, 漢字が入力できないというバグが 見受けられ, Native Japanese Speakerとして看過できないバグなので今回はお見送りしました.

なお, 上記の3番目の手法については, .debパッケージをインストールすると, aptリポジトリと署名キーが自動的にインストールされ, システムのパッケージマネージャを使った 自動更新が可能となります. ですのでこちらの方法でもOKです.

1
2
3
4
# 公式debパッケージからのインストール
% sudo apt install -y curl
% curl -L https://go.microsoft.com/fwlink/?LinkID=760868 -o vscode.deb
% sudo apt install ./vscode.deb

MicrosoftのVSCodeレポジトリを登録 & インストール

1
2
3
4
5
6
7
8
9
10
11
12
13
% sudo apt-get install wget gpg
## 必要パッケージのインストール
% wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
## ASCII Armor 形式ファイルをバイナリファイルへ変換
% sudo install -D -o root -g root -m 644 packages.microsoft.gpg /etc/apt/keyrings/packages.microsoft.gpg
## /etc/apt/keyrings ディレクトリにgpg keyを登録
% sudo sh -c 'echo "deb [arch=amd64,arm64,armhf signed-by=/etc/apt/keyrings/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" > /etc/apt/sources.list.d/vscode.list'
## レポジトリの検証と登録, これでapt install codeが実行可能になる
% rm -f packages.microsoft.gpg
## gpg keyは登録したのでもう不要
% sudo apt install apt-transport-https
% sudo apt update
% sudo apt install code

初期設定

Telemetry 無効化

VSCodeはデフォルトで, クラッシュ時の情報や使用状況/ErrorのデータをMicrosoftに送信する 「Telemetry」機能がOnになっています. 煩わしいので, これを無効にします.

  1. Preference: Open User Settings JSONをコマンドパレットから選択
  2. settings.jsonに以下のラインを追加します:
1
2
3
4
{   
    // Telemetry Report: turn off Crash, Error, Usage Report
    "telemetry.telemetryLevel": "off",
}

Font family設定

Ryo’s Tech Blog > Ubuntu 22.04 LTSに Meslo LGSとUDEV Gothicをインストールするを参照してください

行番号表示設定

VSCodeでは Ctrl+G で Vimのように指定した行番号までジャンプすることができます. この機能を念頭に, Editorエリアで行番号を表示させます. 設定は同じく, settings.json にて

1
  "editor.lineNumbers": "on", // 行番号の表示

Window Reload設定

VSCodeを使用しているとき, パッケージインストール直後にMissingImportErrorが発生するときがあります. この場合, VSCodeを閉じて開き直すという動作をすると解決したりします.

ただ, 毎回閉じる & 開き直すのはめんどくさいので, Reload Windowをショートカットで設定します

1
2
3
4
5
6
7
8
9
10
    // Reload Windows
    {
        "key": "ctrl+r",
        "command": "-workbench.action.reloadWindow",
        "when": "isDevelopment"
    },
    {
        "key": "shift+meta+r",
        "command": "workbench.action.reloadWindow",
    },

拡張機能設定

TBA

Appendix: Snapパッケージとは?

snapパッケージとは, ディストリビューションを問わず利用できる「ユニバーサルパッケージ」のことです. パッケージ管理システムとしての名称は「Snappy」です. Ubuntuにおけるパッケージ管理コマンド aptと対応するコマンドは snap で, 例としては以下

Snap Ubuntu
snap install apt install
snap remove apt remove
snap find apt search
(自動) apt update
(自動) apt upgrade

ただし, snapコマンドを使うためには snapdパッケージが必要でそのインストール方法は結局 aptを使います.

1
% sudo apt install snapd

snap経由でのVSCodeのインストール

1
% sudo snap install --classic code # or code-insiders

References



Share Buttons
Share on:

Feature Tags
Leave a Comment
(注意:GitHub Accountが必要となります)