Найти тему
Aeza

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

Оглавление

Продолжаем цикл статей, делающих вашу жизнь легче! И на сей раз наш взор пал на крайне любопытный инструмент для разработки. И так как хороша та статья, что начинается с предисловия, а мы весьма заинтересованы в качестве материала, с него же мы и начнём.

Полагаем, многие знают что такое «VSCode» , но возможно не все знают, что существует и «облачная версия» редактора, которая может открыть уйму возможностей и порой стать спасительной соломинкой, например, в ситуациях, когда вы ограничены в ресурсах вашего устройства, будь то смартфон или старенький ноутбук, а работа должна быть сделана в срок и что бы процесс не приносил такого колоссального дискомфорта. По этой самой причине, мы решили рассказать, как можно установить «VSCode» на ваш сервер.

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

ОС: 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, а в консоли продублируется ссылка.

Поздравляем!

Вы прекрасны! Теперь преград на пути к успешной сдаче работы стало на порядок меньше, осталось только выбрать сервер. И так получилось, что вы можете подобрать наиболее подходящее для вас решение на нашем сайте.