Ubuntu 20.04 LTS VSCode

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

VSCode setup 1/N

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

  Table of Contents

VSCodeのインストール方法

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

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

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

なお, 上記の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

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

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

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

VSCode初期設定

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",
    },

Toggle Tab Key Moves Focusの削除

▶  Pain

  • VSCodeではデフォルトでctrl + mショートカットにToggle Tab Key Moves Focusがアサインされている
  • 誤ってctrl + mを押すと，tabがインデント挿入として機能せず，focusの移動モードになってしまう(これをTab trappingと呼ぶ)

▶  Solution

keybindings.jsonにて以下の設定をすることで，Tab trapping ショートカットを無効化する

1
2
3
4

  {
    "key": "ctrl+m",
    "command": "-editor.action.toggleTabFocusMode"
  }

参考情報としてこちらのIssueは一読の価値あり

拡張機能設定

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が必要となります）
CONTENTS