April 20, 2022

Развертка VSCode Web для легкой разработки в браузере


Место для вступления


Содержание:


Системные требования

ОС: Ubuntu 18.04 и выше

ОЗУ: от 2GB

CPU и Хранилище должны соответствовать минимальным системным требованиям ОС

Примечание: необходим аккаунт GitHub

Подготовка машины

Установка пакетов

Для начала обновим списки репозиториев:

apt update

После установим необходимые нам пакеты: tmux (менеджер терминалов/сессий) и curl (инструмент для передачи данных):

apt install tmux curl -y

После завершения установки пакетов, создадим новую сессию в tmux, для того, что бы при выходе с сервера, терминал не закрывался и оставался работать в фоне:

tmux new-session

После этого, мы автоматически подключимся к только что созданной сессии

Краткая шпоргалка по tmux

tmux new-session # создает новую сессию

tmux attach # подключение к ранее созданной сессии (например после выхода из ssh)

Ctrl-B + Ctrl-D # свернуть текущую сессию

Установка VSCode Web (далее code-server)

Установить code-server можно всего лишь одной командой:

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

Дожидаемся сообщения:

deb package has been installed.

Готово, мы успешно установили все необходимые пакеты. Теперь мы готовы к

Запуск и использование code-server

Напоминаю, во избежания завершения работы сервера при выходе из ssh все действия необходимо делать в tmux сессии

Запуск VSCode Web Server (code-server):

code-server --link

Увидим примерный лог:

[2022-04-20T19:34:17.078Z] info  Wrote default config file to ~/.config/code-server/config.yaml
[2022-04-20T19:34:17.778Z] info  code-server 4.3.0 09bc30027a7fbba170f907a527eaa9f7219fe73
...
[2022-04-20T19:34:18.655Z] info  visit https://github.com/login/oauth/authorize?client_id=c5128a90cf53e7f89771&response_type=code&scope=read%3Auser+user%3Aemail&state=MWcP4I8L44n0DExMMuPk to logi

После перехода на данную в логе ссылку, на официальной странице авторизации Github у вас попросит ввести данные от аккаунта, а также подтвердить авторизацию в VSCode

После успешной авторизации вас перенаправит на ваш личный VSCode, а в консоли продублируется ссылка.


Место для завершительной речи