最終更新: 2021-04-30
Debian や Ubuntu に VSCode (Visual Studio Code) エディタをインストールする最短の手順を紹介します。apt リポジトリの書き換えは、自動で行われます。この方法で、Raspberry Pi の Raspbian にもインストール可能です。
まず最初にお断りしておきますが、WSL の場合には Windows 側にインストールされた VSCode に WSL 連携用の拡張プラグインをインストールするのがマイクロソフトの推奨です (手順は【こちらの別記事】に記載) 。
しかし非推奨ではありますが、Ubuntu 側にインストールして、X Window で使用したい方は、下記の手順でインストール可能です。 マイクロソフトより、Debian および Ubuntu Linux への VSCode インストール手順として紹介されている公式ドキュメントは、次の通りです。この「Debian and Ubuntu based distributions」に記載されている手順に従います。 【広告】
ブラウザで、次の公式サイトより Debian, Ubuntu 用の ファイル名のバージョンや CPU アーキテクチャの部分は、適宜書き換えてください。
bash の場合、 Windows 側の「ダウンロード」ディレクトリにダウンロードされたファイルを、WSL から直接実行します。ファイル名のバージョンの部分は、適宜書き換えてください。 パッケージキャッシュの更新と、再インストールを行います。前述の操作で既に最新版がインストールされている場合、最後の行は空振りします。 Linux をターミナル内で動かしている場合には X Window サーバ環境が動作する必用が有ります。Linux が GUI で立ち上がって居る場合には、X Windows サーバは既に起動されていますので、気にしなくても大丈夫です。 WSL の場合は、まず X Window サーバを起動しておきます。X サーバを起動しておかないと、コマンドは空振りします。 WSL の場合、起動すると次のメッセージが出力されますので、 起動が終わると、次の様に表示が出ます。 指示の通り環境変数を設定する為には、 次のコマンドでアンインストール出来ます。
目次:
マイクロソフトの公式ドキュメント:
code.visualstudio.com
.deb ファイルのダウンロード:
.deb
ファイルをダウンロードします。CPU アーキテクチャやビット数は、自分の環境に合わせます。x86 用 Ubuntu-20.04 の場合には 64 bit
、Raspbian Buster の場合には ARM
です。現在実行中の環境が何ビット用かは arch
コマンドで確認可能です。
尚、WSL を使用している場合は、Windows 側のブラウザでダウンロードして問題有りません。
code.visualstudio.comインストール:
Linux でダウンロードした場合:
sudo apt install ~/Downloads/code_1.55.2-1618307277_amd64.deb
ls ~/Downloads/code
と打った後、Tab
もしくは Ctrl-i
キーを押して残りの文字を補完し、Ctrl-a
Ctrl-d
Ctrl-d
でls
の文字を消して、sudo apt install
と打ち直すと簡単に入力出来ます。WSL の Windows 側で .deb をダウンロードした場合:
sudo apt install /mnt/c/Users/${USER}/Downloads/code_1.55.2-1618307277_amd64.deb
パッケージキャッシュの更新:
sudo apt install apt-transport-https
sudo apt update
sudo apt install code
追加リポジトリの確認:
ls -l /etc/apt/sources.list.d/vscode.list
起動:
code .
とコマンドを打ちます。
通常の Linux の場合はこれで終了です。メニューを日本語化したい方は、【メニューの日本語化】へ進んでください。WSLの場合の後処理:
y
と入力すると VSCode が立ち上がります。To use Visual Studio Code with the Windows Subsystem for Linux, please install Visual Studio Code in Windows and uninstall the Linux version in WSL. You can then use the `code` command in a WSL terminal just as you would in a normal command prompt.
Do you want to continue anyway? [y/N]
To no longer see this prompt, start Visual Studio Code with the environment variable DONT_PROMPT_WSL_INSTALL defined.
.bashrc
に次の1行を追加します。hoge
の部分は、どんな文字列でも良いです。export DONT_PROMPT_WSL_INSTALL='hoge'
.bashrc
の読み込みを行った後、VSCode を起動します。source .bashrc
code
メニューの日本語化:
Tools and languages
をマウスでクリックし、左列にサーチボックスを表示します。Japanese Language Pack for Visual Studio Code
の青の install
を押します。In order to use VS Code in Japanese, VS Code needs to restart.
と表示されますので、青の Restart
を押します。再起動されて日本語に切り替わります。
切り替わらない場合は、次の手順を実行してください。言語の切り替え:
Crtl+Shift+P
を押し、コマンドパレットに display と入力します。Configure Display Language
が表示されますので、クリックすると en
、ja
、install additional languages...
が選択肢として表示されますので、ja
を選択します。Restart
を押すと、再起動後にメニューが日本語化されています。アンインストール:
sudo apt remove code