Как в visual studio поменять язык на русский

Как изменить язык интерфейса Visual Studio 2019 (после установки)

Задача: При установке Visual Studio 2019 упустил момент выбора языка и она установилась с языковым пакетом по умолчанию. В результате русский интерфейс Visual Studio. Нужно изменить язык интерфейса.

Инструменты: Visual Studio 2019

Решение: Если у Вас вдруг оказались установлены другие языковые пакеты, тогда можно просто открыть Tools -> Options -> Environment -> International Settings (Рис. 1) и выбрать нужный языковый пакет.

Если нужного языка не нашлось, тогда вам нужно установить языковый пакет для Visual Studio. Для этого нужно запустить Visual Studio installer (Он же использовался для установки Visual Studio). (Пуск -> в поле поиска ввести Visual Studio installer или поискать в «Установка и удаление программ»).

На вкладке Installed нажмите кнопку Modify напротив нужного Вам продукта (в моем случае Visual Studio 2019) (Рис. 2)

Открыть вкладку Language packs и выбрать нужный языковый пакет, после чего нажать кнопку Modify, для применения изменений (Рис.3).

После применения изменений откройте Visual Studio и выберите интересующий Вас язык в окне Options, как описано выше.

Похожие темы:

• C# — Генерация случайного числа
• Visual Studio — использование пакетов из nuget.org
• Visual Studio package did not load correctly
• Перебор елементов перечисления в цикле
• Как отключить CodeLens
• C# — The host localhost does not support SSL connections.

Как в Visual Studio Code поменять язык интерфейса и сообщений

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

Преимущества русского языка интерфейса в VS Code

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

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

По данным опроса среди русскоязычных разработчиков, до 30% респондентов сообщили об увеличении продуктивности после перехода Visual Studio Code на русский язык.

Кроме повышения удобства использования, локализация Visual Studio Code на русский язык помогает:

• Быстрее осваивать новые возможности инструмента.
• Избегать проблем с кодировками при работе с русскоязычными проектами.
• Получать актуальную информацию из русскоязычных источников по VS Code.

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

Пошаговая инструкция по смене языка

Чтобы поменять язык интерфейса VS Code на русский, можно воспользоваться несколькими способами.

Способ 1: Через настройки VS Code

1. Нажмите Ctrl+, или выберите меню Параметры.
2. Найдите параметр «Язык» и выберите «Русский».
3. Перезапустите Visual Studio Code.

Способ 2: Установка расширения Russian Language Pack

1. Откройте маркетплейс расширений нажав на иконку Extensions.
2. Найдите и установите расширение Russian Language Pack.
3. Выберите русский язык в настройках расширения.
4. Перезапустите Visual Studio Code.

Оба способа позволяют быстро и легко переключить интерфейс на русский язык. Какой выбрать — дело вкуса и привычки. Главное — это расширение возможностей Visual Studio Code для удобной разработки.

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

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

Дополнительные возможности локализации

Помимо базовой смены языка интерфейса, в Visual Studio Code есть и другие опции локализации.

Выборочная локализация интерфейса и документации

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

Установка локализованных расширений

В маркетплейсе VS Code есть множество расширений, переведенных на русский язык. Их установка расширит возможности локализации.

Использование русских комментариев в коде

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

Быстрая смена языков в разных проектах

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

Автоматизация с помощью скриптов

Существуют готовые скрипты для автоматической смены языка в Visual Studio Code при переключении между проектами.

Настройка русского языка по умолчанию

Можно настроить русский язык в качестве языка по умолчанию при первом запуске Visual Studio Code.

Также есть возможность создать собственный языковой пакет для локализации на другие языки. Локализация открывает массу полезных опций в VS Code.

Главное преимущество — это повышение удобства использования для русскоговорящих разработчиков. Не упустите возможность настроить Visual Studio Code на русский язык и поменять его под себя.

Как изменить язык Visual Studio Code

Задача: При установке Visual Studio Code нет возможности выбрать язык и он установилась с языковым пакетом по умолчанию. Нужно изменить язык интерфейса.

Инструменты: Visual Studio Code 2019

Решение: В апреле вышло обновление, который делает процесс управления языками проще. Теперь язык для VS Code можно установить, выполнив следующие шаги:

• Открыть Command Palette… (View -> Command Palette… или нажимаем сочетание клавиш Ctrl+Shift+P ). Появится поле поиска

• В поле поиска ввести Configure Display Language и нажать Enter. Под поисковой строкой появится список с выбором

• Выберите пункт Install additional languages, или если язык уже установлен — выберите нужный язык и перезапустите VS Code.

• Если нужный язык не установлен и в предыдущем пункте Вы выбрали Install additional languages, должен открыться Extension Marketplace.

• ищем нужный языковый пакет и нажимаем зеленую кнопку install (в конце названия языкового пакета)

• Перезагружаем VS Code

Похожие темы:

• C# — Генерация случайного числа
• Visual Studio — использование пакетов из nuget.org
• Visual Studio — App.exe has triggered a breakpoint
• Visual Studio package did not load correctly
• No exports were found that match the constraint contract name
• Как изменить язык интерфейса Visual Studio 2019 (после установки)

Как поменять язык в visual studio code на русский

Недавно мы беседовали с Анной Леоновой о её пути в программировании. Аня пишет код в редакторе Visual Studio Code и сегодня поделится своими настройками. Вы узнаете, как установить программу и подготовить её для комфортной работы.

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

Что за Visual Studio Code?

Это популярная бесплатная программа для разработчиков, которая помогает писать код. Например:

• Знает синтаксис разных языков программирования и помогает вам не ошибиться в точке с запятой или скобочке.
• Сама подставляет некоторые распространённые фрагменты кода.
• Помнит названия ваших переменных и подсказывает их, чтобы не было ошибок.
• Умеет загружать ваш код на Гит.
• Помогает отлаживать код.
• Поддерживает плагины, которые превращают её в мегакомбайн для разработчика.

VSCode — один из самых популярных редакторов кода, потому что он бесплатный и открытый, его можно сделать каким угодно под свои задачи. Есть и другие: например, Sublime Text или продукты компании JetBrains.

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

Установка

Приветственное окно Visual Studio Code после установки Приветственное окно Visual Studio Code после установки

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

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

✅ Выбирайте редактор, который можно как угодно изменять и настраивать. Нравится внешний вид Sublime Text, но не хватает мощи VS Code — нет проблем: находите тему, меняете шрифт, добавляете пару расширений и готово. Чтобы быстро освоить VS Code, изучайте интерфейс по документации.

Настройка

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

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

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

Устанавливаем русский язык. На левой боковой панели нажмите Extensios и в строке поиска напишите Russian Language Pack — это языковой пакет, который адаптирует VS Code под русский язык. Выберите расширения, кликните Install и перезапустите редактор. У вас должен открыться русифицированный интерфейс.

Если после перезагрузки язык не изменился — на левой боковой панели нажмите значок шестерёнки и выберите раздел Command Palette. Появится строка поиска: напишите Display, выберите команду Configure Display Language и нажмите Enter. Смените язык с английского на русский и повторно перезагрузите редактор.

Приветственное окно Visual Studio Code после установки языкового пакета Приветственное окно Visual Studio Code после установки языкового пакета

Меняем цветовую тему. В левой боковой панели нажмите на значок шестерёнки, перейдите в раздел «Цветовая тема» и выберите тему, встроенную в редактор.

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

Анна Леонова рекомендует тему Night Owl — ночная сова. Её мы и поставили для теста Анна Леонова рекомендует тему Night Owl — ночная сова. Её мы и поставили для теста

Добавляем любимый шрифт. В боковой панели нажмите на шестерёнку, выберите раздел «Параметры» → «Текстовый редактор» → «Шрифт». Перед вами будет вкладка Font Family, в которую нужно вписать название выбранного шрифта — если этот шрифт скачан или сохранён в операционной системе, то он сразу отобразится в редакторе. Здесь же можно изменить размер и жирность шрифта.

Меняем стандартный шрифт Visual Studio Code на Courier New Меняем стандартный шрифт Visual Studio Code на Courier New

Включаем автосохранение . В боковой панели выберите шестерёнку, перейдите в «Параметры» → «Текстовый редактор» → «Файлы». Вы увидите вкладку Auto Save, в которой нужно указать период сохранения файлов. Мы рекомендуем режим afterDelay с задержкой в одну секунду — так вы будете сразу сохранять всё, что запишете. Если вы выберете режим onFocusChange, то изменения в рабочем файле будут сохраняться каждый раз, когда вы будете открывать другие вкладки редактора. В режиме onWindowChange изменения происходят сразу после того, когда вы сворачиваете VS Code и открываете окна других программ.

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

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

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

1. Переходим в меню и открываем вкладку «Файл».
2. Выбираем команду «Новый файл».
3. Возвращаемся в меню и повторно открываем вкладку «Файл».
4. Находим команду «Сохранить как».
5. Пишем название файла, выбираем место хранение, указываем расширение (HTML) и нажимаем кнопку «Сохранить».
6. Вручную прописываем скелет HTML-документа или тратим время, чтобы найти и скопировать структуру из интернета.

Мы превратили простую задачу в многоэтапный процесс, где нужно постоянно отрывать руки от клавиатуры, хвататься за мышку и искать нужные команды в выпадающем списке. Теперь посмотрим, как это же действие можно выполнить с помощью горячих клавиш. Для примера мы используем Mac OS — в других системах горячие клавиши будут немного отличаться, но сути это не меняет:

1. Command + N — создаём новый файл.
2. Shift + Command + S — включаем команду «Сохранить как».
3. Пишем название файла, выбираем место хранения, указываем расширение (HTML) и нажимаем кнопку «Сохранить».
4. ! + tab — создаём структуру HTML-документа и можем работать.

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

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

Для просмотра всех горячих клавиш нажмите в боковой панели на шестерёнку и выберите раздел «Сочетания клавиш». Или воспользуйтесь горячими клавишами и нажмите Command + K + Command + S. Перед вами появится длинный список с названием команд и комбинацией кнопок, которые установлены по умолчанию — любую команду можно перепрограммировать или найти с помощью поисковика.

Что дальше

А дальше прочитайте нашу статью про Vim и подключите его к своему VSCode ��

Языковой пакет для русского языка содержит локализацию интерфейса VS Code.

Использование

Вы можете переопределить язык пользовательского интерфейса по умолчанию, явно задав язык отображения VS Code с помощью команды «Настроить язык отображения». Нажмите CTRL + SHIFT + P, чтобы открыть палитру команд, а затем начните вводить «отображен…», чтобы отфильтровать команду «Настроить язык отображения». Нажмите клавишу ВВОД, и откроется список установленных языков по языковым стандартам, в котором будет выбран текущий языковой стандарт. Чтобы изменить язык пользовательского интерфейса, выберите другой языковой стандарт. Дополнительные сведения: Документация.

Участие

Лицензия

На исходный код и строки распространяется лицензия MIT.

Благодарность

Языковой пакет для русского языка доступен вам благодаря усилиям сообщества.

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

• Mikhail Zabaluev
• Ivan
• Svitlana Galianova
• Aleksey Nemiro
• sberbanker
• Nikita Gryzlov
• Veronika Kolesnikova
• Valeriy Schepak
• Kirill Moskvichev
• Alexander Filimonov
• Anton Afonin
• Serge Rodionov
• Артем Мельниченко
• Orrchy
• Roman
• Acupofspirt
• Артём Давыдов
• Andrei Makarov
• Romanenko Alexey
• Roman Sokolov
• Andrei Pryymak

Russian Language Pack provides localized UI experience for VS Code.

Usage

You can override the default UI language by explicitly setting the VS Code display language using the Configure Display Language command.

Press Ctrl+Shift+P to bring up the Command Palette then start typing display to filter and display the Configure Display Language command.

Press Enter and a list of installed languages by locale is displayed, with the current locale highlighted. Select another locale to switch UI language.

See Docs for more information.

Contributing

For feedback of translation improvement, please create Issue in vscode-loc repo.

The translation strings are maintained in Microsoft Localization Platform. Change can only be made in Microsoft Localization Platform then export to vscode-loc repo. So pull request won’t be accepted in vscode-loc repo.

License

The source code and strings are licensed under the MIT license.

Credits

Russian Language Pack had received contribution through «By the community, for the community» community localization effort.

Как изменить язык пользовательского интерфейса в Код Visual Studio (1.0 выпущен в апреле 2016 года)?

Поскольку мой китайский (или какой-либо другой язык на вашем скриншоте) довольно плохо, я описываю, как установить язык отображения на английский без , используя VSCode.

Откройте файл locale.json с помощью текстового редактора (я предлагаю не использовать VSCode).

В Windows файл находится под C:UsersUserNameAppDataRoamingCodeUser

В Linux он под $HOME/.config/Code/User

На Mac он под $HOME/Library/Application Support/Code/User

Измените содержимое файла на

Нажмите Ctrl + Shift + P, чтобы открыть Палитру команд, затем начните вводить «config» для фильтрации и отображения команды «Настройка языка». Добавьте «locale» = «en» » в файл Jason, сохраните и перезапустите

Visual Studio Code ships by default with English as the display language and other languages rely on Language Pack extensions available from the Marketplace.

Changing the Display Language

You can also override the default UI language by explicitly setting the VS Code display language using the Configure Display Language command.

Press ⇧⌘P (Windows, Linux Ctrl+Shift+P ) to bring up the Command Palette then start typing «display» to filter and display the Configure Display Language command.

Press Enter and a list of installed languages by locale is displayed, with the current locale highlighted.

Use the Install additional languages. option to install more Language Packs from the Marketplace, or select a different locale from the list. Changing the locale requires a restart of VS Code. You will be prompted to restart when you select a locale .

The Configure Display Language command writes to the Runtime Configuration Arguments file argv.json in your user VS Code folder ( .vscode ).

The locale can also be changed by editing the argv.json file directly (Preferences: Configure Runtime Arguments) and restarting VS Code.

Available locales

Display Language	Locale
English (US)	en
Simplified Chinese	zh-CN
Traditional Chinese	zh-TW
French	fr
German	de
Italian	it
Spanish	es
Japanese	ja
Korean	ko
Russian	ru
Bulgarian	bg
Hungarian	hu
Portuguese (Brazil)	pt-br
Turkish	tr

Marketplace Language Packs

As described above, VS Code ships with English as the default display language, but other languages are available through Marketplace Language Packs.

You can search for Language Packs in the Extensions view ( ⇧⌘X (Windows, Linux Ctrl+Shift+X ) ) by typing the language you are looking for along with category:»Language Packs» .

You can have multiple Language Packs installed and select the current display language with the Configure Display Language command.

Setting the Language

Note: You must have the appropriate Language Pack installed for the language you specify with the command-line switch. If the matching Language Pack is not installed, VS Code will display English.

Common questions

Unable to write to file because the file is dirty

Yes, the Visual Studio Code Community Localization Project is open to anyone, where contributors can provide new translations, vote on existing translations, or suggest process improvements.

Microsoft

Языковой пакет для русского языка содержит локализацию интерфейса VS Code.

Использование

Чтобы загрузить языковой пакет для русского языка, после установки в файле locale.json задайте «locale»: «ru» . Для редактирования locale.json нажмите клавиши CTRL+SHIFT+P , чтобы открыть Палитру команд, и начните вводить «config», чтобы отфильтровать список доступных команд, после чего выберите команду Настроить язык. Дополнительные сведения: Документация.

Участие

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

Лицензия

На исходный код и строки распространяется лицензия MIT.

Благодарность

Языковой пакет для русского языка доступен вам благодаря усилиям сообщества.

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

• Mikhail Zabaluev
• Ivan
• Svitlana Galianova
• Aleksey Nemiro
• sberbanker
• Nikita Gryzlov
• Veronika Kolesnikova
• Valeriy Schepak
• Kirill Moskvichev
• Alexander Filimonov
• Anton Afonin
• Serge Rodionov
• Артем Мельниченко
• Orrchy
• Roman
• Acupofspirt
• Артём Давыдов
• Andrei Makarov
• Romanenko Alexey
• Roman Sokolov
• Andrei Pryymak

Russian Language Pack provides localized UI experience for VS Code.

Usage

Once installed, set «locale»: «ru» in locale.json to load Russian Language Pack. To modify locale.json press Ctrl+Shift+P to bring up the Command Palette, start typing «config» to filter the list of available commands, then select the Configure Language command. See Docs for more information.

Contributing

License

The source code and strings are licensed under the MIT license.

Credits

Russian Language Pack is brought to you through «By the community, for the community» community localization effort.

Visual Studio Code — это среда разработки от компании Microsoft, созданная совсем недавно с использованием новых технологий (например Node.js). В отличие от полного пакета Visual Studio, эта среда представляет собой текстовый редактор с возможностью подключения огромного количества плагинов. Она предназначена для разработки на различных языках программирования и для разных платформ. Поддерживаются не только Windows, но и Linux, а также MacOS.

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

Как пользоваться Visual Studio Code

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

1. Интерфейс Visual Studio Code

Интерфейс программы типичен для многих редакторов кода. Но есть и свои особенности. Условно главное окно программы можно разделить на семь частей:

Именно этими участками вы будете пользоваться во время работы с VS Code:

1. Главное меню программы — можно использовать для доступа к настройкам, открытия проектов и папок и многого другого;
2. Левая панель — эта панель есть только в VS Code, она позволяет переключаться между просмотром дерева каталогов, поиском, отладкой и окном установки дополнений. Сюда же некоторые расширения добавляют свои меню, например Docker, Git и расширение для управления проектами.
3. Проводник — по умолчанию здесь отображается дерево каталогов, но тут же вы обнаружите настройки отладки или доступные для установки расширения, если выбран соответствующий пункт на боковой панели.
4. Рабочая область — здесь выполняется редактирование файла.
5. Мини карта — позволяет быстро ориентироваться по открытому исходнику.
6. Нижняя панель — здесь отображается вывод программы при выполнении, консоль самой Visual Code, а также здесь есть встроенный терминал.
7. Статус бар — отображается общая информация о состоянии программы.

2. Русификация Visual Studio Code

По умолчанию среда устанавливается на английском языке. Лучше так всё и оставить: большинство информации по программированию в интернете на английском языке, и, если вы привыкните к такому формату, вам будет проще во всём этом ориентироваться. Но если вас интересует, как русифицировать Visual Studio Code, то делается это очень просто. На боковой панели кликните по значку с квадратиками, который отвечает за установку дополнений, и наберите в поле поиска vscode-language-pack-ru; утилита найдёт только один пакет, нажмите Install, чтобы установить его:

Для выбора языка нажмите Ctrl+Shift+P и начните набирать Config, в предложенном списке выберите Configure Display Language:

Затем выберите ru и перезапустите программу. Всё. После этого интерфейс программы станет русским.

3. Внешний вид

Одна из важных вещей для среды разработки — её внешний вид и тема оформления. Чтобы изменить тему оформления, надо нажать сочетание Ctrl+Shift+P и набрать Theme. Затем в меню надо выбрать Color Theme:

Затем в открывшемся меню осталось выбрать нужную тему стрелками и нажать Enter. По умолчанию доступно несколько тёмных и светлых тем:

4. Управление проектами

Очень часто бывает, что приходится переключаться между несколькими проектами во время работы. По умолчанию в VS Code для этого надо открывать рабочую папку проекта через меню. Но есть выход. Это расширение Project Manager. С его помощью вы можете сохранять проекты и переключаться между ними в один клик. Установите Project Manager как было описано выше, затем кликните на боковой панели по значку с папкой.

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

После этого вы сможете очень просто управлять своими проектами.

5. Авто-форматирование кода

Один из самых важных моментов в работе с кодом — это его однообразие. Приводить код к одному виду вручную не всегда удобно — для этого и были придуманы различные расширения. Это PHP-CS-Fixer для PHP и Prettier для JS/HTML/CSS. Установите их через меню установки дополнений, а затем используйте сочетание клавиш Ctrl+Shift+F в Windows или Ctrl+Shift+I в Linux, для того чтобы выполнять выравнивание кода Visual Studio Code.

6. Автодополнение

Очень сильно помогает в разработке автоматическое дополнение кода. Вы пишите начало слова, а среда сама вам подсказывает, чем его можно завершить. Пакеты, которые позволяют выполнять автодополнение, называются *-intellisense. Рекомендуется установить PHP Intellisense, CSS Intellisense и Path Intellisense для автодополнения путей к файлам. Для разных фреймворков существуют свои расширения автоматического дополнения кода, например, для Laravel есть Laravel Extra Intellisense. Подсветка синтаксиса обычно уже встроена в VS Code для многих языков, однако если её нет, тоже ищите расширение.

7. Управление Vim

Я привык к редактору Vim и хочу использовать его стиль везде, даже в Visual Studio Code. Если вы тоже хотите, для нас с вами есть расширение Vim, которое переносит все сочетания клавиш и режимы работы Vim в редактор Visual Studio. После его установки вы сможете перемещаться по файлу кнопками h, j, k, l , использовать Esc и сохранять файл командой :w.

8. Отладка кода

В Visual Code есть интерфейс, с помощью которого выполняется отладка кода, но прежде, чем вы его сможете использовать для PHP, его придётся настроить. Для отладки кода на PHP используется отладчик Xdebug, поэтому необходимо установить дополнение PHP Debug. Далее кликните по треугольнику со значком жука на боковой панели. Если вы раньше ничего не отлаживали в этом проекте, то программа предложит вам создать файл launch.json. Кликните по этой ссылке. В открывшемся списке выберите PHP:

В полученном файле надо обратить внимание только на поле port. Он должен быть такой же, как и значение переменной xdebug.remote_port в php.ini. У меня это 9008. Сохраните изменения и нажмите зелёный треугольник для начала отладки.

Возможно, программа ещё спросит путь к папке с файлами проекта. Если это локальный компьютер, то проблем возникнуть не должно. Затем нужно выбрать точки остановки. Эти точки ставятся в самой левой части области редактора напротив строчки, в которой вы хотите остановится:

Последний шаг: надо открыть отлаживаемую страницу в браузере, но при этом для Chrome надо использовать расширение Xdebug Helper, которое включает необходимый флаг и сообщает Xdebug, что этот код надо отлаживать. Для этого надо выбрать режим Debug в расширении:

Затем Xdebug подключается к VS Code по выбранному нами порту и передаёт туда всю необходимую информацию. Только после этого вы сможете смотреть переменные и выполнять код пошагово:

9. Терминал

В завершении поговорим о чём-то более простом. Одно из преимуществ VS Code перед другими редакторами — это встроенный терминал, который позволяет выполнять команды в системной оболочке Linux или в выбранной оболочке Windows. Если терминал ещё не открыт, вы можете сделать это с помощью Ctrl+Shift+P или из меню Терминал -> Создать терминал:

10. Использование Git

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

Кроме того, вы можете делать фиксацию изменений (коммиты) и отправлять изменения на сервер прямо в графическом интерфейсе. Сначала надо добавить файлы в коммит: кликните по значку разветвления на боковой панели. Здесь отображаются все изменённые файлы. Нажмите + напротив файлов, которые надо добавить:

Для того чтобы зафиксировать изменения, наберите пояснение к комиту в текстовой строке, затем нажмите Ctrl+Enter или галочку над текстовым полем:

Выводы

В этой статье мы рассмотрели, как работать в Visual Studio Code для программирования на PHP и других языках программирования, предназначенных для веб-разработки. Как видите, эта среда намного лучше подготовлена по умолчанию, чем тот же Atom и то, что приходится настраивать там, здесь уже есть «из коробки». А какой средой разработки пользуетесь вы? Напишите в комментариях!

Нет похожих записей

Статья распространяется под лицензией Creative Commons ShareAlike 4.0 при копировании материала ссылка на источник обязательна.

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

• Как сделать пианино в fl studio mobile
• M2r32 mvp bios как прошить
• Макрос word форматирование текста
• Овал контур на прозрачном фоне для фотошопа
• Удалить файлы рендеринга с предварительным просмотром