Воскресенье, 28.02.2021 09:55

Установка Visual Studio Code (VSCode) на Windows 10

Установка Visual Studio Code (VSCode) на Windows 10

Сегодня мы рассмотрим установку бесплатной IDE с открытым исходным кодом Visual Studio Code на Windows 10, а также поменяем тему среды и установим дополнительную тему из каталога.

Несмотря на то, что автором является Microsoft данная среда разработки полностью бесплатна и к тому же Open Source.

Я часто использую её для разработки на PHP или Go Lang.

Для чистоты эксперимента я буду устанавливать VSCode  на чистую Windows 10 2H20 в виртуальной машине.

Скачивание

Скачать дистрибутив вы можете на сайте проекта - https://code.visualstudio.com/

Объем дистрибутива около 70 мегабайт.

После скачивания запускаем установку.

Установка

Саму установку нет смысла подробно описывать, единственное что вы можете поставить галочку напротив «Создать значок на рабочем столе», а так всё сводится к нажатию на кнопку «Далее» и в конце «Установить».

Первый запуск

После установки среда запуститься автоматически.

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

И так, после запуска вы увидите главное окно VSCode.

2021-02-28_20-19-05.png

Я не понимаю эту моду везде ставить темные темы по умолчанию. Может это модно и молодёжно, но лично для меня такие темы слишком контрастны, глаза быстро начинают болеть. Хотя не будем спорить, тут все индивидуально.

Меняем тему оформления VSCode

Для того чтобы сменить тему нажмите сочетание клавиш:

Ctrl+K

А затем

Ctrl+T

Откроется окно:

2021-02-28_20-19-52.png

Щелкаем на пункт Light (Visual Studio)

Цветовая тема тут же меняется

2021-02-28_20-23-49.png

Но меня это не устраивает – не нравится темная боковая панель.

К счастью для VSCode создано просто огромное количество тем.

Установка дополнительной темы для VSCode

Для установки дополнительной схемы опять нажмем 

Ctrl+K

А затем

Ctrl+T

И пролистаем список вниз:

2021-02-28_20-27-05.png

Выберем пункт – Install Additional Color Themes…

Сбоку откроется панель со списком тем:

2021-02-28_20-28-35.png

В поле, после category:themes, введем 

visual 2017

Список обновиться:

2021-02-28_20-30-12.png

Щелкните на Visual Studio 2017 Light Theme и нажмите на кнопку Install

Тема будет установлена и откроется окно с предложением установить её текущей:

Щелкните на Visual Studio Light Theme (2017)

2021-02-28_20-32-17.png

Тема измениться:

2021-02-28_20-34-53.png

Закройте вкладку.

VSCode установлен и готов к работе.

Я же буду далее использовать Familiar Java Themes - Eclipse Light

2021-02-28_21-08-24.png

Заключение

Сегодня мы рассмотрели установку VSCode.

Поменяли тему на светлую.

Установили пользовательскую тему.

В следующей части мы добавим поддержку C++.

Категория Visual Studio Code
Теги vscode

Добавить комментарий

Простой текст

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Строки и абзацы переносятся автоматически.
  • Адреса веб-страниц и email-адреса преобразовываются в ссылки автоматически.
Просмотров: 123