Оглавление
- Зачем использовать сервер дистанционного развития?
- Преимущества соединения VS-кода с удаленным SSH на сервер удаленного разработки
- Предварительные условия
- VS код удаленной настройки SSH
- Установите пакет удаленного расширения дистанционного управления в VS Code:
- Подключитесь к серверу удаленного разработки
- Открытие терминала в VS-коде
Ранее мы обсуждали Как настроить сервер дистанционного развития Это позволит вам работать от того, где бы вы ни выбрали оборудование (и ОС). Это один из первых шагов в серии улучшений, которые будут революционировать ваш рабочий процесс развития, что делает вас более продуктивными. В современном руководстве мы продолжим эту работу с тем, как настроить удаленный SSH с визуальным студийным кодом.
Зачем использовать сервер дистанционного развития?
Для тех, кто просто присоединяется, Я настоятельно рекомендую вам идти и прочитать первую статью в этой серии . Но ради полноты, я предложу сокращенное резюме преимуществ использования сервера удаленного развития:
- Выберите свою ОС — Использование удаленного сервера разработки означает, что вы можете выбрать среду ОС, в которой вам нравится работать. Как Windows, но нужно написать код для сервера Linux? Без проблем.
- Улучшенное/обновленное оборудование — Мобильный процессор, который рисует 15 Вт под нагрузкой, просто выкладывается Xeon или Threadripper. Удаленное развитие позволяет загружать тяжелые задачи на серверы, которые обрабатывают их лучше всего.
- Настойчивость — Удаленные серверы разработки продолжают работать, даже если вы закрываете крышку ноутбука. Иметь трудоемкое обучение машины? Пусть сервер дистанционного развития разбил на него, пока вы едете в кафе.
Короче говоря, использование сервера дистанционного развития означает свободу: свобода выбора собственной ОС, оборудования и места работы. Это дает вам гибкость в вашем рабочем процессе развития.
Преимущества подключения VS-кода с удаленным SSH на сервер дистанционного управления:
В дополнение к общим преимуществам использования сервера удаленного разработки, описанного выше, существуют другие преимущества, которые специфики для использования VS-кода с удаленным SSH. Самым большим является то, что удаленное развитие с VS-кодом на самом деле хорошо и позволяет использовать ваши расширения.
Разработав немного больше, когда вы настраиваете удаленный SSH с VS-кодом, VS Code делает это разумно. Он знает, что определенные расширения, такие как тематика, лучше всего применяются локально, и поэтому он применяет эти расширения локально. Другие расширения, такие как Intellicode, лучше всего бегите на сервере, и поэтому он работает на этих расширении на удаленном сервере. Все это достигается сервером Code VS, который автоматически устанавливается на удаленном хосте при первом настройке VS-кода с удаленным SSH.
Предпосылки:
Чтобы добавить сервер дистанционного развития на VSCode, я предполагаю, что вы выполнили следующее:
- Бег ubuntu vm — Это будет наш сервер удаленного развития. Мой называется «Skunkworks» (половину веселья + стресс в создании нового сервера называет его), и я выпускаю его из сервера виртуализации Proxmox. Мой стек сервера дистанционного развития снова можно найти в предыдущем руководстве Отказ Дополнительное преимущество использования VMS состоит в том, что они легко поддерживаются и восстановлены. Собираюсь добавить новую услугу, которую вы никогда не использовали раньше, и может потенциально испортить ваш нетронутый сервер? Возьмите снимок, и вы можете повернуть время назад в секундах.
- На приведенном выше сервере установлен рабочий сервер SSH — Опять же, простая задача, описанная в вышеуказанном направлении.
- VPN Доступ к серверу удаленного развития — Не строго необходимо, если вы всегда будете работать над одной и той же сетью, что и сервер, но если бы это был тот случай, это вряд ли будет удаленным сейчас? 😉 Некоторые люди предлагают открыть порт на вашем роутере и портировать переадресацию вашего SSH-соединения через него, но я настоятельно рекомендую Не сделать это; Взгляните на свои журналы брандмауэра когда-нибудь, есть причина, поскольку злоупотребляет атакующие всегда сканирующие порт 22. Вместо этого я рекомендую вам настроить реальную VPN, то, что даже ваше подключение к вашему серверу «Удаленный» Server Development находится на перспективе сети. Это все о минимизации поверхностей атаки. Мой личный фаворит — это Rianguard, поскольку он легкий и может быть установлен локально на вашу виртуальную машину. Если вы не будете Бег пребывания в вашем Homelab этот процесс еще проще Отказ
- VS Код Установлен — Предположим, что если вы читаете руководство о том, как настроить удаленный SSH с VS-кодом, который вы на самом деле упомянули, что VS Code установлен …
VS Code Remote SSH Настройка:
С точки зрения предварительных условий, давайте начнем создать удаленное соединение SSH на наш сервер разработки на Visual Studio Code.
Установите пакет удаленного расширения дистанционного управления в VS Code:
Перейдите к расширениям (Ctrl + Shift + X)> Поиск «Удаленное разработка»> Выберите расширение «Удаленное разработка» от Microsoft и установить:
Шаги по установке расширения «Удаленное разработка» от Microsoft в VS-коде
Подключитесь к удаленному серверу разработки:
Запустите командный палитра (F1) и введите «Удаленный SSH». Мы после «Remote-SSH: подключиться к хосту»:
Удаленный SSH: подключиться к хосту
Затем вам будет предложено либо добавить новый SSH-сервер, либо для дальнейшего и SSH на удаленный сервер. Я собираюсь полагать, что вы захотите регулярно использовать этот сервер разработки, поэтому я рекомендую выбрать опцию «Добавить новый SSH Host»:
Затем вы будете предложены SSH на ваш сервер удаленного разработки с помощью команды формы: SSH @:
Как только вы добавите свой новый SSH-хост, вы должны получить всплывающее окно в правом нижнем углу VS-кода. Нажмите на него, чтобы подключиться:
Если вы пропустите, что всплываю, никаких забот. Вы не будете иметь этого, когда вам нужно будет удаленно подключиться от VS-кода в будущем, поэтому вы также можете узнать, как подключиться к SSH для будущих сеансов. Чтобы инициировать удаленный SSH-соединение, снова запустите командный палитр (F1) и введите «Удаленный SSH», выбирая «Remote SSH: Connect к хосту», как вы изначально выше, за исключением этого времени вместо добавления нового хоста, Вы просто выберете свой сервер дистанционного управления:
Откроется новое окно, и вам будет предложено ввести свой пароль SSH. (Очень легко пропустить эту подсказку из-за того, насколько тема VS Code просто сочетается с остальным окном, но она прямо там вверх):
После этого вы будете удалены на ваш сервер удаленного разработки, который вы можете подтвердить, проверив нижний левый угол окна:
Открытие терминала в VS-коде:
Если вы хотите открыть терминал в VS-коде, вы можете сделать это с терминалом> Новым терминалом (или использовать ярлык Ctrl + Shift + `):
Открытие терминала в VS-коде
Терминал, открытый на дистанционном сервере разработки
Вот и все! Добро пожаловать в мир дистанционного развития. Он преобразовал мой рабочий процесс кодирования. Я надеюсь, что это делает то же самое для вас.
Как всегда, если у вас есть какие-либо вопросы или комментарии, запрашивайте ниже или на форумах Отказ Форумы также являются отличным способом подписаться на блог и получать обновления, когда опубликуются новые руководства.
Оригинал: «https://dev.to/torqu3wr3nch/connecting-vs-code-with-a-remote-development-server-4id9»