Visual studio code какие языки поддерживает
Перейти к содержимому

Visual studio code какие языки поддерживает

  • автор:

Добавление поддержки редактора Visual Studio для других языков

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

Раскраска синтаксиса, завершение операторов и поддержка функции «Перейти к»

Доступные в редакторе Visual Studio функции, такие как раскраска синтаксиса, завершение операторов (также известная как IntelliSense) и Перейти к, упрощают написание, чтение и редактирование кода. На следующем снимке экрана показан пример редактирования скрипта Perl в Visual Studio. Синтаксис автоматически выделяется цветом. Например, примечания в коде выделяются зеленым цветом, код — черным, пути — красным, операторы — синим. Редактор Visual Studio автоматически применяет цветовое выделение синтаксиса к любому поддерживаемому им языку. Кроме того, по мере ввода известного ключевого слова или объекта функция завершения операторов выводит список возможных операторов и объектов. Функция завершения операторов упрощает написание кода.

Раскраска синтаксиса в скрипте Perl

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

  • Bat
  • F#
  • Java
  • Markdown
  • Rust
  • Visual Basic
  • Clojure
  • Go
  • JavaDoc
  • Objective-C
  • ShaderLab
  • C#
  • CMake.
  • Groovy
  • JSON
  • Perl
  • ShellScript
  • Visual C++
  • CoffeeScript
  • HTML
  • LESS
  • Python
  • SQL
  • VBNet
  • CSS
  • INI-файл,
  • LUA
  • R
  • Swift
  • XML
  • Docker
  • Нефритовый
  • Создание
  • Ruby
  • TypeScript
  • YAML

Помимо раскраски синтаксиса и завершения основных операторов в Visual Studio также имеется функция Перейти к. Она позволяет быстро выполнять поиск в файлах кода, путях к файлам и символах кода. Visual Studio предоставляет поддержку функции «Перейти к» для указанных далее языков.

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

Добавление поддержки для неподдерживаемых языков

Visual Studio предоставляет языковую поддержку в редакторе с помощью грамматики TextMate. Если любимый язык программирования в настоящее время не поддерживается в редакторе Visual Studio, сначала выполните поиск в Интернете— пакет TextMate для языка может уже существовать. Если вы не можете найти пакет, добавьте для него поддержку самостоятельно, создав модель пакета TextMate для грамматики языка и фрагментов кода.

Добавьте новые грамматики TextMate для Visual Studio в следующую папку:

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

Имя папки Description
\

Папка языка. Замените языка именем языка. Например, \Matlab.
\Syntaxes Папка грамматики. Содержит файлы грамматики .json для языка, например Matlab.json.
\Snippets Папка фрагментов кода. Содержит фрагменты кода для языка.

В Windows %userprofile% разрешается в путь: c:\Users\ . Если в системе папки Расширение не существует, ее необходимо создать. Если папка уже существует, она будет скрыта.

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

Дополнительные сведения о создании грамматик TextMate см. в статьях TextMate — Introduction to Language Grammars (TextMate. Введение в грамматику языка) и Notes on how to create a Language Grammar and Custom Theme for a Textmate Bundle (Заметки о создании грамматики языка и пользовательской темы для пакета Textmate).

Связанный контент

  • Добавление расширения протокола языкового сервера
  • Пошаговое руководство. Создание фрагмента кода
  • Пошаговое руководство. Отображение завершения операторов
  • Пример кода: грамматика TextMate
  • Пример кода: поддержка пользовательского языка

Programming Languages

In Visual Studio Code, we have support for almost every major programming language. Several ship in the box, for example, JavaScript, TypeScript, CSS, and HTML but more rich language extensions can be found in the VS Code Marketplace.

Here are eight of the most popular language extensions:

Go to the Marketplace or use the integrated Extensions view and search for your desired programming language to find snippets, code completion/IntelliSense providers, linters, debuggers, and more.

Note: If you want to change the display language of VS Code (for example, to Chinese), see the Display Language topic.

Language specific documentation

Click on any linked item to get an overview of how to use VS Code in the context of that language. Most language extensions also contain a summary of their core features in their README.

Language features in VS Code

The richness of support varies across the different languages and their extensions:

  • Syntax highlighting and bracket matching
  • Smart completions (IntelliSense, Artificial Intelligence with GitHub Copilot)
  • Linting and corrections
  • Code navigation (Go to Definition, Find All References)
  • Debugging
  • Refactoring

Enhance completions with AI

In VS Code, you can enhance your coding with artificial intelligence (AI), such as suggestions for lines of code or entire functions, fast documentation creation, and help creating code-related artifacts like tests.

GitHub Copilot is an AI-powered code completion tool that helps you write code faster and smarter. You can use the GitHub Copilot extension in VS Code to generate code, or to learn from the code it generates.

GitHub Copilot extension in the VS Code Marketplace

You can learn more about how to get started with Copilot in the Copilot documentation.

Change the language for the selected file

In VS Code, we default the language support for a file based on its filename extension. However, at times you may want to change language modes, to do this click on the language indicator — which is located on the right hand of the Status Bar. This will bring up the Select Language Mode dropdown where you can select another language for the current file.

Language Selector

Tip: You can get the same dropdown by running the Change Language Mode command ( ⌘K M (Windows, Linux Ctrl+K M ) ).

Language identifier

VS Code associates a language mode with a specific language identifier so that various VS Code features can be enabled based on the current language mode.

A language identifier is often (but not always) the lowercased programming language name. Note that casing matters for exact identifier matching (‘Markdown’ != ‘markdown’). Unknown language files have the language identifier plaintext .

You can see the list of currently installed languages and their identifiers in the Change Language Mode ( ⌘K M (Windows, Linux Ctrl+K M ) ) dropdown.

language identifiers

You can find a list of known identifiers in the language identifier reference.

Add a file extension to a language

You can add new file extensions to an existing language with the files.associations setting.

For example, the setting below adds the .myphp file extension to the php language identifier:

 "files.associations":  "*.myphp": "php"  > 

IntelliSense ( ⌃Space (Windows, Linux Ctrl+Space ) ) will show you the available language identifiers.

Language ID IntelliSense

Next steps

Now you know that VS Code has support for the languages you care about. Read on.

  • Code Navigation — Peek and Go to Definition and more
  • Debugging — This is where VS Code really shines

Common questions

Can I contribute my own language service?

Yes you can! Check out the example language server in the VS Code Extension API documentation.

What if I don’t want to create a full language service, can I reuse existing TextMate bundles?

Yes, you can also add support for your favorite language through TextMate colorizers. See the Syntax Highlight Guide in the Extension API section to learn how to integrate TextMate .tmLanguage syntax files into VS Code.

Can I map additional file extensions to a language?

Yes, with the files.associations setting you can map file extensions to an existing language either globally or per workspace.

Here is an example that will associate more file extensions to the PHP language:

"files.associations":  "*.php4": "php", "*.php5": "php" > 

You can also configure full file paths to languages if needed. The following example associates all files in a folder somefolder to PHP:

"files.associations":  "**/somefolder/*.*": "php" > 

Note that the pattern is a glob pattern that will match on the full path of the file if it contains a / and will match on the file name otherwise.

How do I set the default language for new files?

Using the files.defaultLanguage setting, you can map all new files to a default language. Whenever a new blank file is opened, the editor will be configured for that language mode.

This example will associate new files with the HTML language:

 // The default language mode that is assigned to new files. "files.defaultLanguage": "html" 

Языки веб-разработки

Разрабатываете ли вы веб-приложения только на стороне сервера или на стороне как сервера, так и клиента, мы можем предложить вам все необходимые инструменты. Visual Studio предлагает полнофункциональные редакторы HTML, CSS, JavaScript и JSON. Приобщитесь к возможностям LESS и Sass, используйте PHP, Python или C# с ASP.NET. Поддерживаются все популярные языки, так что вы можете легко менять языки и типы проектов.

C# и ASP.NET Core

ASP.NET Core является бесплатной кроссплатформенной, высокопроизводительной средой с открытым исходным кодом для создания современных облачных приложений, подключенных к Интернету. С помощью ASP.NET Core вы можете создавать веб-приложения и службы, приложения IoT и серверные части для мобильных приложений. Используйте избранные средства разработки в Windows, macOS и Linux. Выполняйте развертывание в облаке или локальной среде с помощью знакомых вам языков: HTML и JavaScript. Встраивайте код C# в представления с помощью синтаксиса ASP.NET Razor. Используйте TypeScript для создания типизированного, масштабируемого и более управляемого кода, компилируемого в JavaScript.

Razor

Синтаксис ASP.NET Razor позволяет встраивать код C# непосредственно в представления. Вы получаете полный доступ к текущей модели, а также к типам платформы .NET Framework.

Снимок экрана: ASP.NET Typescript

Typescript

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

Открытый код

Нашли ошибку или возникла идея? Откройте проблему или отправьте запрос на включение внесенных изменений. Все компоненты среды выполнения CLR ASP.NET и .NET Core, а также пакеты SDK для Azure для любого языка доступны на GitHub, и в их разработке можно принять участие. Примите участие!

Вспомогательные функции тегов

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

Тильда и косая черта

С помощью символа тильды (~) в разметке Razor можно обозначать корень веб-сайта. Это особенно полезно, если корень приложения находится во вложенной папке на существующем веб-сайте.

Разработка на основе моделей

Модели, используемые в приложении ASP.NET, можно аннотировать для реализации различных возможностей, таких как формирование схемы базы данных, формирование шаблонов представлений, проверка клиентской и серверной части и т. д.

Компилятор Roslyn

Платформа .NET Compiler Platform (Roslyn) предоставляет компиляторы C# и Visual Basic с открытым исходным кодом и API для подробного анализа кода. Она позволяет создавать средства анализа кода с помощью тех же интерфейсов API, которые используются в Visual Studio.

Конфигурация на основе кода

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

Visual Studio Code: установка, настройка, русификация и список горячих клавиш

Всё, что нужно знать о самом популярном редакторе кода от Microsoft.

Иллюстрация: Image by Freepik / Freepik / Rawpixel / Annie для Skillbox Media

Даниил Шатухин

Даниил Шатухин

Автор статей о программировании, технологиях и гаджетах. Пишет код на JavaScript и Python. Любит веб-технологии, модные приложения и магию Apple.

В этой статье мы расскажем, как установить Visual Studio Code (VS Code) и настроить его для комфортной работы. А также подробно рассмотрим графический интерфейс и приведём список незаменимых горячих клавиш.

Содержание

  • Что такое Visual Studio Code
  • Где скачать и как установить редактор кода
  • Русификация
  • Настройка
  • Интерфейс программы
  • Кастомизация
  • Плагины
  • Горячие клавиши
  • Полезные ссылки

Что такое Visual Studio Code

Visual Studio Code (VS Code) — это кросс-платформенный редактор кода от компании Microsoft, разработанный на базе фреймворка Electron. С его помощью можно разрабатывать кросс-платформенные десктопные приложения, используя веб-технологии.

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

Возможности VS Code:

  • Подсветка синтаксиса — функции, классы, переменные и другие сущности выделяются разными цветами.
  • Автоматическое дополнение — если начать что-то писать, редактор предложит варианты завершения строки.
  • Контроль версий — поддерживаются интеграции с GitHub, GitLens и другими похожими сервисами.
  • Отладка — редактор подсвечивает ошибки и предлагает исправления. Вместе с этим поддерживается и полноценный режим отладки кода. К примеру, для проекта на Python его можно запустить клавишей F5, а для JavaScript запустится новое окно браузера.
  • Рефакторинг — редактор кода выводит советы для улучшения кода и повышения производительности, подсказывая, какие конструкции можно заменить.

Запускать VS Code можно даже на слабых компьютерах. Редактор работает на машинах с 1 ГБ оперативной памяти и процессором с частотой от 1,6 ГГц. Приятная особенность VS Code в том, что он абсолютно бесплатный.

Где скачать и как установить редактор кода

VS Code — кросс-платформенный редактор. Его можно установить на Windows, macOS и Linux. Ещё есть веб-версия, в которой можно редактировать файлы, когда нет возможности запустить полноценное приложение.

Ниже описан порядок установки VS Code на разные операционные системы.

Установка в macOS
  • Скачать установочный файл.
  • Открыть папку с загрузками и найти скачанный архив.
  • Извлечь содержимое и запустить приложение.
  • Перетащить Visual Studio Code.app в папку Программы.
  • Теперь приложение можно запускать из меню приложений.
Установка в Windows
  • Скачать установщик.
  • Открыть загрузки и найти скачанный файл.
  • Запустить двойным кликом VSCodeUserSetup-version>.exe.
  • По умолчанию приложение появится в папке Programs\Microsoft\VS Code.
Установка в Linux
  • Скачать установщик, подходящий к дистрибутиву.
  • Запустить файл и следовать инструкции.
Веб-приложение

Веб-версия VS Code находится по адресу vscode.dev. С её помощью можно изменять локальные файлы с компьютера, открывать удалённые репозитории, устанавливать некоторые расширения и сохранять результат работы на диск компьютера. VS Code запускается даже в мобильных браузерах, но у смартфонов довольно маленькие экраны, поэтому работать на них неудобно.

У веб-версии Visual Studio Code есть ряд ограничений. К примеру, вы не сможете воспользоваться терминалом и запустить программы на некоторых языках, среди которых Go и Rust.

Русификация

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

  • Открыть палитру команд с помощью сочетания клавиш Ctrl + Shift + P или + + P на macOS.
  • Ввести команду Configure Display Language и нажать Enter.
  • Найти в списке русский язык и выбрать его.
  • Перезапустить приложение.

Предупреждение!

Есть несколько причин, по которым не стоит русифицировать Visual Studio Code. Во-первых, большая часть видеоуроков и статей написана на английском. Поэтому во время обучения придётся переводить названия элементов интерфейса. Во-вторых, описание и решение многих ошибок, которые будут возникать в процессе разработки, тоже написаны на английском.

Настройка VS Code

Visual Studio Code можно полностью подстраивать под рабочие задачи, меняя как параметры самой программы, так и установленные плагины. Меню со всеми настройками можно найти в File → Preferences → Settings на Windows/Linux и в Code → Preferences → Settings на macOS.

Начинающим разработчикам и пользователям VS Code лучше не увлекаться изменением базовых параметров. Тем не менее есть несколько настроек, которые сделают работу на старте комфортнее.

Автоматическое сохранение. По умолчанию VS Code сохраняет изменения в файле только после нажатия сочетания клавиш Ctrl + S / + S. Но можно сделать так, чтобы код автоматически сохранялся после определённых действий. Для этого надо перейти в меню настроек и в поле поиска ввести Auto Save.

По умолчанию параметр установлен в off, но есть и другие значения:

  • afterDelay — файл сохраняется после задержки в миллисекундах, которую можно установить ниже.
  • onfocusChange — сохранение происходит после переключения на другой файл.
  • onWindowChange — файл сохраняется при переходе в окно другой программы.

Семейство шрифта и кегль. Стандартный шрифт очень мелкий, что сильно нагружает глаза при долгой работе с кодом. Поэтому лучше сразу подобрать оптимальные настройки. Сделать это можно в разделе «Шрифт». Параметр Font Family отвечает за семейство шрифта, а Font Size — за его размер. На широкоформатных мониторах лучше выбирать шрифт побольше.

Форматирование. Структуры в программном коде разделяются пробелами и отступами для более удобного чтения. Но если скопировать фрагмент кода и вставить его, то все отступы могут съехать. По умолчанию VS Code выравнивает их, только если нажать сочетание клавиш Shift + Alt + F / + + F. Но можно автоматизировать это.

Для этого в настройках переходим к разделу «Форматирование» и выбираем подходящий режим работы:

  • Format On Paste — форматирование применяется автоматически при вставке кода.
  • Format On Save — код форматируется во время сохранения.
  • Format On Type — форматирование применяется при наборе кода.

Обзор интерфейса

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

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

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

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

Внизу находится статус-бар с дополнительной информацией о документе: какой язык используется, количество ошибок, имя активной Git-ветки, кодировка и статус работы некоторых плагинов (например, Live Server).

Слева от редактора находится окно инструментов со следующими разделами и функциями:

  • Проводник — выводит все папки и файлы проекта. Их можно открывать двойным кликом.
  • Поиск — позволяет искать все вхождения слова в файле. С его помощью можно найти строки исходника, в которых используется переменная или функция.
  • Git и GitHub — тут можно отслеживать историю изменений, переключаться между ветками Git и синхронизировать обновления проекта с удалённым репозиторием.
  • Запуск кода — VS Code позволяет запускать код, как в профессиональной IDE. Для каждого языка необходимо настроить параметры запуска.
  • Расширения — это большой магазин плагинов, тем и языковых пакетов. В нём можно управлять установленными расширениями и искать новые.
  • Тестирование — в этом окне удобно запускать тесты и подключать фреймворки для тестирования.

Ниже могут быть и другие иконки, их наличие зависит от установленных плагинов. К примеру, с помощью PlatformIO можно управлять инструментами для разработки под микроконтроллеры, а если через плагин Docker — контейнерами.

Справа от иконок есть поле, в которое выводятся элементы управления выбранным инструментом. Если выбрать «Проводник», то в окне появится список файлов.

Кастомизация

Пользователи Visual Studio Code могут менять оформление интерфейса с помощью сторонних цветовых схем. Вот как установить новую тему:

  • Перейти в меню Расширения.
  • Кликнуть на иконку фильтрации и выбрать Категория → Темы.
  • В открывшемся списке можно выбрать и установить понравившееся оформление.

Как изменить тему в VS Code:

С помощью стрелок выбрать в списке нужную тему и нажать Enter.

Плагины

VS Code — своеобразный швейцарский нож для разработчиков, возможности которого можно расширять с помощью плагинов. Часть из них выпускает Microsoft, но есть решения и от сторонних разработчиков.

Все плагины можно условно разделить на полезные и забавные. Первые помогают добавить в VS Code новые функции и поддержку дополнительных языков программирования. Так, для Python есть одноимённый плагин, который содержит линтеры, инструменты рефакторинга и правила подсветки синтаксиса. А если установить GitHub Copilot, то у вас появится собственный ИИ-помощник.

Вторая группа плагинов просто добавляет в VS Code что-то весёлое или милое. К примеру, VS Code Pets позволяет завести в пиксельного питомца прямо в окне редактора, а Power Mode отображает рядом с курсором фейерверк, если долго печатать без остановки. Больше таких плагинов можно найти в специальном маркетплейсе.

Горячие клавиши

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

Полный список сочетаний клавиш для быстрого доступа к функциям можно узнать в File → Preferences → Keyboard Shortcuts на Windows/Linux или в Code → Preferences → Keyboard Shortcuts на macOS. В этом же окне можно настроить собственные горячие клавиши или переназначить базовые.

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

Ctrl + S / + S Сохранить
Ctrl + O / + O Открыть файл
Ctrl + N / + N Создать новый файл
Ctrl + P / + P Перейти к файлу по названию
Ctrl + / / + / Закомментировать выделение
Ctrl + F / + F Поиск в файле по слову
Ctrl + Shift + N / + + N Открыть новое окно
Ctrl + Shift + P / + + P Открыть палитру команд
Ctrl + Shift + S / + + S Сохранить как

Полезные ссылки

  • Официальная документация Visual Studio Code
  • Магазин расширений
  • Магазин тем
  • Руководство по разработке и публикации собственной темы
  • Видео о настройке VS Code для продуктивной работы от freeCodeCamp
  • Таблицы со всеми горячими клавишами для Windows, macOS и Linux
  • Урок по созданию своего расширения с помощью JavaScript

Больше интересного про код — в нашем телеграм-канале. Подписывайтесь!

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

  • GitHub Desktop и плагины для редакторов кода и IDE: VS Code, PyCharm, Eclipse и других
  • Релиз бета‑версии GitHub Copilot Chat с интеграцией в редакторы кода
  • Что такое Linux: гайд по самой свободной операционной системе

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *