Перейти к содержанию

Настройка VS Code в Docker

VS Code

Online редактор VS Code

Запускайте VS Code на любом компьютере в любом месте и получайте к нему доступ через браузер.

Пишите где угодно. Пишите на своем планшете, ноутбуке и телфоне в единой среде разработки. Разрабатывайте на компьютере с Linux и используйте любое устройство с веб-браузером.

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

Настройка VS Code в Docker-compose

nano docker-compose.yml
version: '3.3'

services:
   codeserver:
        image: codercom/code-server
        container_name: codeserver
        logging:
          driver: "json-file"
          options:
            max-size: "10m"
            max-file: "10"
        restart: always
        volumes:
          - $DIR_CONF/codeserver/coder:/home/coder
          - /etc/localtime:/etc/localtime:ro
        environment:
          - PASSWORD=password
        labels:
          - "traefik.enable=true"
          - "traefik.http.routers.codeserver.entrypoints=http"
          - "traefik.http.routers.codeserver.rule=Host(`vc.example.ru`)"
          - "traefik.http.middlewares.codeserver-https-redirect.redirectscheme.scheme=https"
          - "traefik.http.middlewares.sslheader.headers.customrequestheaders.X-Forwarded-Proto=https"
          - "traefik.http.routers.codeserver-secure.middlewares=WhitelistHome"
          - "traefik.http.routers.codeserver.middlewares=codeserver-https-redirect"
          - "traefik.http.routers.codeserver-secure.entrypoints=https"
          - "traefik.http.routers.codeserver-secure.rule=Host(`vc.example.ru`)"
          - "traefik.http.routers.codeserver-secure.tls=true"
          - "traefik.http.routers.codeserver-secure.service=codeserver"
          - "traefik.http.services.codeserver.loadbalancer.server.port=8080"
Запускаем:
docker-compose up -d

Настройка работы с Git репозиторием

Переходим по адресу vc.example.ru, выполняем первичную настройку, выбор темы и т.д., после нажимаем на "Clone Git Repository" и вводим ссылку на наш проект.

Online редактор VS Code

Чтобы каждый раз не вводить логин и пароль от git репозитория можно создать файл .netrc в хомяке coder:

machine github.com
login логин
password пароль

Ну и сразу выполним команды в консоли (ctrl-shift-`)

git config --global user.email "имя_ящика"
git config --global user.name "имя_пользователя"

Полезные хоткеи

Включить предварительный просмотр в новом окне (Ctrl+Shift+V) или открыть предварительный просмотр сбоку (Ctrl+K V).

Предварительный просмотр VS Code

Тема

HackTheBox

VS Code тема HackTheBox

Установка HackTheBox

  1. Open Extensions sidebar panel in VS Code. ViewExtensions
  2. Search for HackTheBox
  3. Click Install to install the theme
  4. Click Reload to reload your editor
  5. File > Preferences > Settings > Workbench > Color Theme > HackTheBox

Установка Oh My Zsh

Выбираем слева в меню ViewTerminal или Ctrl + `

git clone https://github.com/ohmyzsh/ohmyzsh.git ~/.oh-my-zsh

Создаем стандартный конфиг:

cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc

Устанавливаем zsh по умолчанию:

VS Code Oh My Zsh

Список тем Oh My Zsh

К началу