Visual studio code настройка прокси

Обновлено: 04.07.2024

Visual Studio Code отличный выбор для начинающего программиста, имеет необходимый минимум:

  • неплохую документацию
  • автодополнение кода (с использованием IntelliSense)
  • подсветка синтаксиса
  • встроенный отладчик
  • расширение функционала за счет плагинов
  • управление системой контроля версий git
  • кроссплатформенный
  • бесплатный, с открытым исходным кодом

Также редактор адаптирован для Веб-разработки и вполне подойдет для серьезных проектов как основной инструмент редактирования кода.

Установка¶

Linux¶

Для Linux существуют два типа пакетов, самых популярных форматов, rpm и deb.

Установка в Ubuntu/Debian:

Fedora > 22 версии:

После установки можно запустить редактор следующей командой:

Пакетный менеджер Nix работает на любом Linux дистрибутиве, содержит богатую базу уже готовых пакетов, в том числе и vscode.

Установка пакетного менеджера:

Плагины¶

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

Из списка можно выбрать любой плагин и установить, после чего он применит свои настройки к редактору.

../../_images/extension-gallery_extensions-popular.jpg

Расширения можно искать введя название или ключевые слова в строке поиска, например Python .

../../_images/extension-gallery_extensions-python.jpg

Python¶

После установки плагина Python нам становятся доступны многие функции:

  • Автодополнение кода
  • Проверка синтаксиса
  • Отладка
  • Подсказки
  • Переход к определению функции, класса и прочее

Автодополнение¶

Работает при наборе по нажатию Ctrl + Space .

Проверка синтаксиса¶

Показывает ошибки в коде:

Работает если установлены Python пакеты Pylint , Pep8 или Flake8 .

Отладка¶

Встроенный в редактор отладчик позволяет отлаживать код визуально, устанавливать точки останова мышкой и просматривать переменные в отдельном окне. Это похоже на отладку в различных IDE, таких как QtCreator или Wingware.

Также избавляет программиста писать мучительные строки типа printf или import pdb;pdb.set_trace(); .

Настройки¶

Настройки хранятся в формате JSON и доступны из меню File->Preferences->User Settings .

Шрифт¶

Шрифт задается в настройках File->Preferences->User Settings :

Автодополнение через <Tab>¶

Более привычно дополнять код по клавише <Tab> . Для этого необходимо открыть настройки пользователя File->Preferences->User Settings и прописать опцию editor.tabCompletion :

Открываем командную строку Ctrl + Shift + P

Вводим команду Configure Language

Меняем локаль на нужную, например ru :

../../_images/locales_locale-intellisense.jpg

Цветовое оформление задается в настройках File->Preferences->Color Theme .

Умеет подсвечивать изменения в файлах с предыдущего коммита, выполнять команды git и отслеживать состояние, например какая текущая ветка.

../../_images/versioncontrol_merge.jpg

Python скрипты¶

Visual Studio Code требует для отладки открывать не просто файл, а директорию. Это необходимо, чтобы в этом каталоге сохранить локальные настройки редактора. Такая директория будет считаться проектом для редактора.

Для примера, создадим директорию hello1 и откроем в редакторе File->Open Folder. .

Создадим в этой директории файл myapp.py :

../../_images/vscode_add_file.jpg

Для запуска приложения, заходим в режим отладки по нажатию на кнопку:

../../_images/vscode_debug_noconfig.jpg

Пока у нас нет никаких настроек отладки/запуска проекта, но при первом запуске редактор предложит их выбрать из существующих шаблонов.

../../_images/vscode_chose_dbg_template.jpg

Шаблон Python создает настройки в файле launch.json в локальной директории, которые выглядят примерно так:

Это универсальный шаблон, который добавляет несколько вариантов запуска приложений. Нас будет интересовать первый вариант Python , просто запускающий python файл.

../../_images/vscode_python_dbg.jpg

Запущенное приложение останавливается на первой строчке, что позволяет нам продолжать выполнение программы по шагам.

../../_images/vscode_python_run.jpg

После выполнения второй строки, интерпретатор выдаст ошибку ImportError: No module named pyramid.config . Это происходит из-за того что в нашем Python окружении не установлен модуль pyramid .

../../_images/vscode_python_dbg_import_error.jpg

Решить эту проблему можно двумя способами:

Установить Pyramid в глобальное окружение.

Создать виртуальное окружение, установить в нем Pyramid и прописать его в настройках Visual Studio Code.

Создаем виртуальное окружение:

Прописываем путь до виртуального окружения в настройках проекта Visual Studio Code (файл launch.json ):

../../_images/vscode_python_venv.jpg

../../_images/vscode_pyramid_run.jpg

../../_images/vscode_pyramid_breakpoint.jpg

Добавим файл .gitignore :

../../_images/vscode_gitignore.jpg

Создаем первый коммит

Для создания коммита требуется ввести комментарий и нажать на кнопку в виде галочки.

Прописываем путь до гитхаба в нашем проекте, при помощи команды Git Easy:Add Orign

Отправляем изменения на GitHub , при помощи команды Git Easy:Push Current Branch to Origin

../../_images/vscode_git_push.jpg

../../_images/vscode_git_push_ok.jpg

Для того чтобы проверка синтаксиса заработала, необходимо создать файл .vscode/settings.json и переопределить в нем глобальные настройки для нашего проекта:

Pyramid¶

Фреймворк Pyramid имеет несколько стартовых шаблонов, которые нужны для того, чтобы не начинать писать код с нуля. Рассмотрим как создать шаблон с БД sqlite + SQLAlchemy и настроить его в Visual Studio Code.

Для начала создадим директорию hello2 и виртуальное окружение hello2_env :

После установки Pyramid , в окружении появляется команда pcreate . С ее помощью создадим проект по шаблону:

Устанавливаем его как Python пакет:

../../_images/pyramid_home.jpg

Но так-как БД еще не создана, отображается страница с подсказкой как ее инициализировать:

Начните и работать с Visual Studio Code быстро и легко. Загрузка очень быстрая, поэтому вы можете установить его через несколько минут и попробовать.

VS Code - бесплатный редактор кода, который работает в операционных системах Mac, Linux и Windows.

Следуйте инструкциям ниже:

VS Code является легким и должен работать на большинстве доступных версий оборудования и платформ. Вы можете просмотреть Системные требования, чтобы проверить, поддерживается ли конфигурация вашего компьютера.

Новая версия VS Code выходит каждый месяц с новыми функциями и важными исправлениями ошибок. Большинство платформ поддерживают автоматическое обновление, и вам будет предложено установить новую версию, когда она станет доступной. Вы также можете вручную проверить наличие обновлений, нажав Справка > Проверить наличие обновлений .

Примечание. Вы можете отключить автоматическое обновление, если вы предпочитаете обновлять код VS по своему расписанию.

Если вы хотите попробовать наши тестовые сборки, чтобы увидеть новые функции раньше или проверить исправления ошибок, вы можете установить тестовую сборку. Тестовая сборка устанавливается рядом с ежемесячной стабильной сборкой, и вы можете свободно работать в них на одном компьютере. Тестовая сборка - это то, что команда разработчиков VS Code использует на ежедневной основе, и мы действительно ценим, что люди пробуют новые функции и обеспечивают обратную связь.

VS Code - это первый редактор, и мы гордимся тем, что он занимает немного места. В отличие от традиционных IDE со всем, кроме кухонной мойки, вы можете настроить свою установку на технологии разработки, о которых вы заботитесь. Обязательно прочитайте раздел Дополнительные компоненты после прочтения руководств по платформам, чтобы узнать о настройке установки VS Code.

Расширения VS Code позволяют третьим лицам добавлять дополнительную поддержку:

Расширения интегрируют в пользовательский интерфейс VS Code команды и запуск системных задач, поэтому вы сможете легко работать с различными технологиями через общий интерфейс VS Code. Ознакомьтесь с расширениями Marketolace, чтобы узнать, что доступно.

Многие предприятия требуют, чтобы их компьютеры работали через прокси-сервер и не допускали прямого доступа к Интернету. Прокси-серверный посредник может ограничить доступ к магазину расширений VS Code и предотвратить установку расширений VS Code.

Если вы работаете на машине, где интернет-трафик должен пройти через прокси-сервер, настройте прокси-сервер одним из следующих способов:

Или для аутентификационного прокси

После того, как вы установили и настроили VS Code, эти темы помогут вам узнать больше о VS Code:

    -Узнайте, как установить Git, Node.js, TypeScript и инструменты, такие как Yeoman. - быстрая ориентация в VS Code. - Узнайте о мощном редакторе VS Code. - быстро перемещайтесь по исходному коду. - отлаживайте исходный код непосредственно в редакторе кода VS.

Если вы хотите быстро запустить что-то, попробуйте руководство Node.js, в котором вы сможете отладить веб-приложение Node.js с помощью VS Code за считанные минуты.

В: Каковы системные требования для VS Code?

В: Насколько велик VS Code?

О: VS Code - установщик весит<100 МБ и имеет размер на диске менее 200 МБ, поэтому вы можете быстро установить VS Code и попробовать его.

В: Как мне создать и запустить новый проект?

О: VS Code не содержит традиционный диалог Файл > Новый проект или предустановленные шаблоны проектов. Вам нужно будет добавить дополнительные компоненты и папки в зависимости от ваших интересов. С помощью таких инструментов, как Yeoman и множество модулей, доступных через менеджера пакетов NPM, вы обязательно найдете подходящие шаблоны и инструменты для создания ваших проектов.

В: Как узнать, какая версия я запускаю?

О: В Linux и Windows выберите Справка > О программе . На Mac используйте Code > About Visual Studio Code .

В: Почему VS Code говорит, что моя установка повреждена?

О: VS Code обнаружил, что некоторые файлы установки были изменены, возможно, с помощью расширения. Повторная установка VS Code заменит затронутые файлы. Дополнительную информацию см. В разделе часто задаваемых вопросов.

Как указать идентификатор пользователя и пароль для кода Visual Studio с аутентифицирующим прокси?

Я видел поддержку прокси-сервера в основном коде VS сайт, но здесь упоминаются только две настройки .

Я установил их, но все равно не повезло, например Я не могу установить расширения . даже не могу получить их список

Подозреваю, что это наш прокси, так как ему нужен идентификатор пользователя и пароль :-(

Итак, как вы можете установить эти значения?

Установите учетные данные внутри URL-адреса прокси:

Это удобное решение для любого приложения, не поддерживающего прокси-серверы с аутентификацией.

В Visual Studio Code (моя версия 1.32.3) вы пишете запрос, т.е.

Таким образом, заголовок авторизации имеет тип "Basic base64encoded" и состоит из myuser: user22 @ password (username: usercredentials) в кодировке base64. Это все.

ПРЕДУПРЕЖДЕНИЕ. Сохранение учетных данных в формате с кодировкой base64, безусловно, лучше, чем в обычном тексте, однако рассматривайте кодировку base64 как обфускацию, а не шифрование, и учетная запись может быть взломана - используйте на свой страх и риск. Рассмотрите возможность изменения ACL файла настроек, чтобы уменьшить доступ для чтения к нему.

Шаг 1 . Закодируйте свои учетные данные, используя приведенный ниже код:

Используйте следующую команду и замените имя пользователя, пароль и IP-адрес вашего прокси: порт

Предположим, мой логин NTLM - ДОМЕН \ Имя пользователя, а мой пароль - P @ ssword! Учетные данные должны иметь формат DOMAIN \ User Name: P @ ssword !, но вам необходимо URL-кодирование имени пользователя и пароля. Простой URL-адрес, закодированный в Интернете, может преобразовать ваше имя пользователя и пароль в: DOMAIN% 5CUser% 20Name и P% 40ssword !. Объедините всю эту информацию в одну строку следующим образом: http: //DOMAIN%5CUser%20Name:P%40ssword!@proxy-cluster.fqdn.local:8881 Затем добавьте это в свои Пользовательские настройки в Файл, Настройки против значения "http.proxy": // Поместите свои настройки в этот файл, чтобы перезаписать настройки по умолчанию < "http.proxy": "http: // DOMAIN% 5CUser% 20Name: P% 40ssword! @ Proxy-cluster.fqdn.local: 8881 " >

Если вы не хотите хранить свои учетные данные в файле настроек, можно использовать скрипт для прокси-вызова прокси. Кроме того, я считаю, что вышеизложенное работает только для прокси-серверов, использующих базовую аутентификацию, для NTLM должно работать следующее.

VSCode Откройте файл настроек:

% APPDATA% \ Код \ Пользователь \ settings.json

Fiddler Подтвердите настройки скрипта:

enter image description here
enter image description here

Fiddler Убедитесь, что Fiddler настроен на автоматическую аутентификацию:

enter image description here

VSCode Расширения теперь должны быть в сети:

enter image description here

Обновить

В моем случае мне еще нужно было добавить:

Мой любимый ответ - предложение Дэвида Мартина использовать Fiddler. Но если это не то, что вы хотите предпринять, ниже описано, как установить свои учетные данные для прокси.

Чтобы указать DOMAIN + имя пользователя + пароль: (Скорее всего, он не будет работать с косой чертой, поэтому используйте% 5C вместо косой черты, как показано ниже)

Vscode - это открытый и очень легкий и простой в использовании IDE. Как и Sublime, он имеет много плагинов, которые делают VsCode очень мощным. В Sublime мы можем настроить локальный сервер с помощью плагинов. Конечно, это можно сделать в VSCode. См. Ниже. Метод, кстати, прикрепить метод конфигурации Sublime

13554143-b77548ef7de94108.jpg

Для детской обуви, которая еще не установила VsCode, найдите Vscode в Baidu и введите первую ссылку для загрузки и установки. Процесс загрузки и установки подробно здесь не описывается.

Откройте функцию установки плагина VsCode, внизу слева

13554143-9f8d4085d044cbb1.jpg

Затем найдите [живой сервер] в поле ввода

13554143-8587843d28e39f35.jpg

Найдите плагин с тем же именем, первый, нажмите [Установить]

13554143-41c8680f58ed0ba4.jpg

Нажмите [Перезагрузить] после установки

13554143-8a6b430ca41e042d.jpg

После перезапуска VScode вы увидите [Go Live] в строке состояния в правом нижнем углу программного обеспечения, это ключ для запуска только что установленного плагина.

13554143-d9620b030b72e21b.jpg

Нажмите, чтобы запустить сервер, он автоматически запустит браузер системы по умолчанию, как показано на рисунке

13554143-c83d47b952554566.jpg

Это показывает, что сервер готов к работе. Нам нужно только разработать индексный файл и запустить его. По умолчанию отображаются все файлы и папки в проекте.

Вернитесь к VsCode и нажмите еще раз, чтобы закрыть сервер.

13554143-65af11b4e179d6cc.jpg

Парень узнал, что порт по умолчанию - 5500, поэтому, если порт конфликтует, или нам нужно настроить порт самостоятельно, мы кратко расскажем, как настроить порт сервера и прокси-сервер. Конечно, если порт конфликтует, плагин автоматически запустит другие порты. Не беспокойтесь об этом, просто используйте его с уверенностью

Нажмите [Файл] = [Предпочтения] = [Настройки]

13554143-dec38284e6856bac.jpg

Ключевые слова для поиска [liveserver] продолжайте смотреть вниз, мы можем найти настройки, связанные с сервером

Как указать идентификатор пользователя и пароль для кода Visual Studio с аутентификационным прокси?

Я видел Proxy Server Support на основном сайте VS Code, но в этом только упоминаются две настройки.

Я установил их, но все равно не повезло, например. Я не могу устанавливать расширения. даже не могу получить список из них

Я подозреваю, что это наш прокси-сервер, так как ему нужен идентификатор пользователя и пароль:-(

Итак, как вы можете установить эти значения?

Установите учетные данные внутри прокси-адреса:

Если вы не хотите хранить свои учетные данные в файле настроек, скрипт может использоваться для проксирования вызова прокси. Более того, я считаю, что вышеизложенное работает только для прокси-серверов, использующих базовую аутентификацию, для NTLM должно работать следующее.

VSCode Открыть файл настроек:

Fiddler Подтвердить настройки скрипта:

введите описание изображения здесь
введите описание изображения здесь

Fiddler Убедитесь, что Fiddler установлен для автоматической аутентификации:

введите описание изображения здесь

VSCode Расширения должны быть онлайн:

введите описание изображения здесь

Обновление

В моем случае мне все еще нужно было добавить:

Мой любимый ответ здесь - предложение Дэвида Мартина по использованию Fiddler. Но если это не то, что вы хотите предпринять, ниже описано, как установить учетные данные для прокси-сервера.

Чтобы указать DOMAIN + имя пользователя + пароль: (Скорее всего, он не будет работать с косой чертой, поэтому используйте% 5C вместо косой черты, как показано ниже)

Чтобы указать только имя пользователя + пароль:

Это удобное решение для любого приложения, которое не поддерживает аутентифицированные прокси.

в Visual Studio Code (моя версия 1.32.3) вы пишете запрос, т.е.

Поэтому заголовок авторизации имеет тип "Basic base64encoded" и состоит из myuser: user22 @password (username: usercredentials) base64. Это все.

Читайте также: