code-serverの使い方

概要

• vscodeをブラウザ上で動かすことができるoss
• iPadなどのモバイル端末でもvscodeを使える
• ossなので拡張機能の一部が使えない
  • e.g. GithubCopilot
  • vsixファイルをダウンロードしてインストールすることはできる
• https化することで、マークダウンのプレビューやjupyter-notebookの実行も可能

インストール

linux

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

サービスとして追加

$ sudo systemctl enable code-server@$USER
$ sudo systemctl start code-server@$USER

設定

• パス
  • ~/.config/code-server/config.yaml
• IPの制限を解除
• 認証機能を解除

bind-addr: 0.0.0.0:9090
auth: none
cert: false

https化

• VPNのローカルIPを利用する場合
• caddyでhttps化する例

自己証明書の作成

$ openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout localhost.key -out localhost.crt -subj "/CN=${IP_ADDR}"

Caddyfile

{
    email ${EMAIL}
}

${IP_ADDR} {
    bind ${IP_ADDR}
    tls localhost.crt localhost.key
    reverse_proxy localhost:9090
}

https化

$ sudo caddy run --config ./Caddyfile

参考

• Coding on iPad using VSCode, Caddy, and code-server