Linux(Ubuntu)でCode Serverをインストールする方法を解説！

2022年11月6日

Code Serverとはブラウザで使用できるVisual Studio Codeになります。

本環境

PC : Windows 10 Home
VMware Workstation 16 PlayerからLinux VM（Ubuntu）を作成します。
＊本記事ではLinux（Ubuntu）にCode Serverをインストールし、Windowsから操作できるようにします。

Code Serverのインストール

sudo apt updateとsudo apt upgradeを実行しておきます。

$ sudo apt update
$ sudo apt upgrade

以下のコマンドからCode Serverをインストールします。

$ curl -fsSL https://code-server.dev/install.sh | sh

以下のコマンドを実行して、サービスの登録をします。

$ sudo systemctl enable --now code-server@${USER}

以下のコマンドでcode-serverを起動します。

$ sudo systemctl start code-server@${USER}

code-serverが正常に起動しているか以下のコマンドで確認します。

$ sudo systemctl status code-server@${USER}

configファイル編集をします。

$ cd ~/.config/code-server
$ cat config.yaml
bind-addr: 127.0.0.1:8080
auth: password
password: 1c54a7d61e5c880a3e1b1a5d
cert: false
$ vi config.yaml

bind-addrを「0.0.0.0:8080」に修正します。passwordは好きな文字列にするのが良いと思います。

$ cat config.yaml 
bind-addr: 0.0.0.0:8080
auth: password
password: ********
cert: false

config.yamlの設定が完了したら以下のコマンドでCode Serverを再起動します。

$ sudo systemctl restart code-server@${USER}

Linux（Ubuntu）のIPアドレスを確認します

$ ip a
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000
....
2: ens33: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc fq_codel state UP group default qlen 1000
    link/ether 00:0c:29:32:6c:97 brd ff:ff:ff:ff:ff:ff
    inet ***.***.***.***/24 brd ***.***.***.*** scope global dynamic ens33
       valid_lft 1336sec preferred_lft 1336sec
    inet6 ****:****:****:****:****:****/64 scope link 
       valid_lft forever preferred_lft forever
3: docker0: <NO-CARRIER,BROADCAST,MULTICAST,UP> mtu 1500 qdisc noqueue state DOWN group default 
....

Windowsのブラウザから「http://${IPアドレス}:8080」にアクセスします。すると以下の画面に遷移するのでconfig.yamlのパスワードを入力します。

Visual Studio Codeの画面が表示されたら成功です。

以上になります。お疲れさまでした！