Хотите писать код где угодно, не таская с собой ноутбук? Вы можете попробовать code-server — мощное локальное приложение, которое предоставляет все функции Visual Studio Code в вашем веб-браузере. Вместо того чтобы полагаться на сторонние облачные IDE, вы можете настроить code-server на своем домашнем сервере и безопасно получать к нему доступ с любого устройства. Настройка code-server обеспечивает стабильную и доступную среду разработки, при этом ваш код и данные остаются под вашим контролем.
Что такое Code-Server и зачем его размещать самостоятельно?
Code-server запускает VS Code на удалённом сервере, предоставляя доступ к нему через веб-браузер. Он работает так же, как настольная версия, поддерживая автодополнение, отладку, Git и расширения. Он идеально подходит для устройств с низким энергопотреблением, таких как планшеты или хромбуки, поскольку вся разработка происходит на сервере. Это обеспечивает единообразие настроек и доступность из любого места.
Самостоятельный хостинг дает вам полный контроль, обеспечивает конфиденциальность и позволяет настраивать среду: от использования собственного домена и включения HTTPS до управления доступом пользователей и масштабирования ресурсов.
Полезно знать: освоение сочетаний клавиш в VS Code может повысить вашу продуктивность.
Настройка сервера кода в Linux
Установить code-server очень просто. Для установки мы будем использовать Docker.
Чтобы загрузить официальный образ сервера кода из Docker Hub, выполните следующую команду:
sudo docker pull codercom/code-server
Это гарантирует, что перед созданием контейнера у вас будет установлена последняя версия образа.
Затем запустите в фоновом режиме новый контейнер с сервером кода, используя собственный пароль и постоянное хранилище:
sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
После настройки сервера кода вы можете получить к нему доступ из браузера, введя http://localhost:8443. Введите пароль, который вы указали в команде docker run, и нажмите кнопку «Отправить», чтобы войти на сервер кода.
Начало работы с сервером кода
После входа в систему вы увидите интерфейс, который ничем не отличается от обычной настольной версии VS Code. Вот краткий обзор того, что вы увидите:
Проводник файлов
Проводник помогает перемещаться по проекту. Вы можете просматривать папки, открывать файлы, создавать новые и с лёгкостью управлять структурой проекта.
Редактор
Редактор находится в центральной области и служит основным рабочим пространством. Когда вы открываете файл, он появляется здесь.
Здесь вы можете писать, редактировать и форматировать код так же, как в настольной версии VS Code.
Терминал
Терминал расположен в нижней части сервера кода. Вы можете открыть его в верхнем меню «Терминал —> Новый терминал» или нажав Ctrl + `.
Вы также можете использовать сочетание клавиш Ctrl + Shift + C для доступа к терминалу на сервере кода.
Расширения
Расширения — это то, что делает VS Code таким замечательным. С помощью вкладки «Расширения» (значок на боковой панели) можно просматривать, устанавливать и настраивать расширения VS Code, такие как линтеры, темы и языковая поддержка.
Вы можете найти расширение с помощью строки поиска, а затем мгновенно установить и активировать его, чтобы добавить новые функции или расширить существующие возможности.
Настройка браузерной IDE
Теперь вы можете настроить code-server в соответствии со своими предпочтениями, например установить расширения, изменить темы, обновить настройки или изменить файлы конфигурации. Например, чтобы установить новую тему, нажмите на значок шестерёнки в левом нижнем углу, наведите курсор на Темы и выберите Цветную тему в меню:
Теперь появится список доступных тем. Нажмите на тему, чтобы просмотреть и применить её.
Кроме того, вы можете легко установить предпочитаемую тему на вкладке «Расширения» и сразу же активировать её.
Аналогичным образом вы можете настроить другие параметры сервера кода. Для этого просто нажмите на значок шестерёнки и выберите Настройки.
Здесь вы можете настроить поведение редактора, размер шрифта, формат и многое другое.
Создайте и запустите свою первую программу на code-server
Создайте новый текстовый файл на панели Проводник или с помощью сочетания клавиш Ctrl + Alt + N:
Нажмите Выберите язык или нажмите Ctrl + K, затем M, чтобы выбрать нужный язык, например Python.
Теперь вставьте в него следующий код, чтобы на консоли трижды выводилось «Добро пожаловать на maketecheasier.com»:
for i in range(3):
print("Welcome to andreyex.ru")
Перед запуском этой программы убедитесь, что Python установлен. После этого нажмите Ctrl + S, чтобы присвоить файлу подходящее имя, а затем нажмите OK, чтобы сохранить файл:
Теперь нажмите Ctrl + `, чтобы открыть терминал, а затем запустите скрипт Python с помощью следующей команды:
python3 mteExample.py
Теперь, когда сервер кода запущен в вашей системе Linux, вы можете в полной мере воспользоваться преимуществами разработки в браузере. Вы можете настроить свою среду с помощью тем и расширений, создавать и запускать код на разных языках программирования и даже обеспечить безопасный доступ с помощью собственного домена и HTTPS. В качестве следующего шага рассмотрите возможность интеграции рабочих процессов Git, включения SSL для использования в рабочей среде или расширения вашей домашней лаборатории с помощью других веб-инструментов, таких как JupyterLab, Docker или Portainer, для более мощной и гибкой настройки разработки.