Как настроить VS Code для разработки на PHP и JavaScript
В этой статье рассказываем, за что разработчики любят Visual Studio Code, какие его расширения пригодятся в программировании на PHP и JavaScript, а также как их устанавливать.
- Чем хорош редактор VS Code
- VS Code для разработки на PHP
- Как устанавливать расширения
- Какие расширения выбрать для разработки на PHP
- EditorConfig for VS Code
- PHP Intelephense
- PHP Debug
- PHP CodeSniffer
- Semicolon Insertion Shortcut
- VS Code для разработки на JavaScript
- Как устанавливать расширения
- Какие плагины установить для разработки на JavaScript
- Babel
- Стандарты кодирования
- Автоматическое дополнение
- Отладка
- Расширения, которые помогут эффективнее работать с Git и читать код
- Итог
Чем хорош редактор VS Code
Visual Studio Code — популярный редактор кода.
Важно отметить, что Visual Studio Code никак не связан с Visual Studio. Разработчики любят VS Code за то, что он предоставляет много полезных функций бесплатно. Это, например:
- Отладчик кода
- Встроенный терминал
- Удобные инструменты для работы с Git
- Подсветка синтаксиса для множества популярных языков и файловых форматов
- Удобная навигация
- Встроенный предпросмотр Markdown
- Умное автодополнение
- Встроенный пакетный менеджер с большим набором расширений.
Также у VS Code есть большой набор расширений. Они упрощают разработку за счет новых или улучшенных функций программы. Так может выглядеть интерфейс редактора после установки расширений:
Разберемся, как устанавливать расширения и какие из них пригодятся в разработке на PHP и JavaScript.
VS Code для разработки на PHP
Как устанавливать расширения
Чтобы установить расширение, зайдите во вкладку «Extensions», введите название нужного пакета в строке поиска, а затем нажмите кнопку «Install».
Получится примерно так:
Какие расширения выбрать для разработки на PHP
EditorConfig for VS Code
EditorConfig — это конфигурационный файл и набор расширений ко многим редакторам кода. Он подхватывает настройки из файла .editorconfig, который, как правило, размещается в корне проекта.
Расширение автоматически настраивает отступы и перевод строк единообразно для всех разработчиков, которые его используют. Чаще всего PHP-код выполняется на *nix системах, поэтому необходимо использовать стандарт PSR.
Ниже приведем пример файла .editorconfig, который используется в Laravel:
root = true // Глобальные настройки, которые будут записаны для всех файлов. [*] charset = utf-8 // На Unix системах используется lf для перевода строки. // Это также требование стандарта PSR. end_of_line = lf insert_final_newline = true indent_style = space indent_size = 4 trim_trailing_whitespace = true // Можно задать индивидуальные настройки как для типов файлов, // так и отдельных файлов по имени.[*.md] trim_trailing_whitespace = false [*.{yml,vue,js,html}] indent_size = 2 [{package.json,.travis.yml}] indent_style = space indent_size = 2 [lib/**.js] indent_style = space indent_size = 2
Читайте также: Почему PHP идеально подходит для веб-разработки: преимущество языка и запуск первого сайта
PHP Intelephense
В VS Code уже есть поддержка синтаксиса и подсказок стандартных функций языка. Но без специального дополнения редактор не будет подсказывать пользовательские функции из других частей проекта.
Расширение PHP Intelephense поддерживает автодополнение и анализирует код. Также оно позволяет переходить к месту, где создана функция, класс или переменная с помощью шортката Alt+Click.
Чтобы подсказки не дублировались, необходимо отключить встроенную в редактор поддержку кода для PHP:
Extensions → Search @builtin php → PHP Language Features → Disable
PHP Debug
При разработке может возникнуть ситуация, когда простых функций отладки и логирования становится недостаточно.
Тогда помогает специальный инструмент — дебаггер.
Для PHP есть расширение Xdebug, которое позволяет расставить точки останова и посмотреть окружение в предполагаемом месте ошибки, выполняя код поэтапно либо до следующей точки.
Чтобы воспользоваться PHP Debug, необходимо:
- Установить сам Xdebug. Без него расширение работать не будет.
- Добавить конфигурацию для PHP в разделе
Debug. После этого в корне проекта создастся файл.vscode/launch.jsonс задачами для дебаггера. Файл будет со стандартными параметрами. - Добавить настройки в файл конфигурации php — так XDebug будет общаться с нашим дебаггером. Чтобы найти этот файл, в терминале нужно выполнить команду
php --iniили запустить веб-сервер с кодомphpinfo(). - В Linux PHP подгружает не только основной файл, но и файл из этой директории. Например, на Ubuntu путь к директории конфигурационных файлов для PHP может быть таким:
/etc/php/7.3/cli/conf.. В ней нужно создать файл с необходимыми правами (требуются root права):
d/
sudo touch /etc/php/7.3/cli/conf.d/99-local.ini sudo chmod 777 /etc/php/7.3/cli/conf.d/99-local.ini
Содержимое файла:
xdebug.remote_enable=1 xdebug.remote_host=127.0.0.1 xdebug.remote_port=9000 ; Порт, который мы указали в launch.json xdebug.idekey=code xdebug.remote_autostart=1
Это настройки для локальной разработки, когда проект создается и запускается на одном компьютере.
PHP CodeSniffer
В языках программирования есть понятие — стиль кодирования. Это набор правил написания кода. Сейчас нас интересуют стандарты PSR-1 и PSR-12: они касаются кодирования и правил оформления.
Программа, которая отвечает за проверку на соответствие стандартам — это линтер. В PHP в качестве линтера используется PHP_CodeSniffer. Для его работы необходимо установить сам линтер composer global require "squizlabs/php_codesniffer=*" и расширение PHP Sniffer.
Проверьте, что линтер установился:
phpcs --version PHP_CodeSniffer version 3.4.2 **(**stable**)** by Squiz **(**[https://www.squiz.net](https://www.squiz.net/)**)**
Выполнить проверку кода в терминале можно с помощью команды phpcs, указав стандарт, который мы хотим использовать, и путь для проверки:
phpcs --standard**=**PSR12 <dirname**>**
Semicolon Insertion Shortcut
PHP требует разделять инструкции с помощью точки с запятой. Расширение Semicolon Insertion Shortcut добавляет необходимый символ в конец строки с помощью шортката. Если при нажатии [Ctrl] + ; символ не вставляется, то необходимо проверить список горячих клавиш и при необходимости назначить комбинацию вручную:
File → Preferences → Keyboard Shortcuts
Введите в строку поиска insert semicolon, чтобы быстро найти нужную комбинацию.
Читайте также: Как включить строгую типизацию в PHP и для чего ее использовать
VS Code для разработки на JavaScript
Как устанавливать расширения
Как мы уже сказали ранее, в VS Code есть встроенный пакетный менеджер.
Он нужен для установки и удаления пакетов расширений — плагинов. Для удобной бэкенд- и фронтенд-разработки на JavaScript нужно установить несколько пакетов.
Для установки нового пакета зайдите во вкладку «Extensions», которая находится в выпадающем меню «View». Потом введите название пакета в строке поиска и нажмите кнопку «Install».
Какие плагины установить для разработки на JavaScript
Babel
В VS Code есть понятие сборки проекта. Редактор можно настроить так, чтобы сборка JavaScript-проекта заключалась в конвертации кода из ES6 в читаемый ES5 с Source Maps с помощью Babel.
Добавьте таск (задание) в файл tasks.json в директории .vscode. Она находится в корне вашего проекта:
{
"version": "2.0.0",
"type": "shell",
"tasks": [
{
"label": "watch",
"command": "${workspaceRoot}/node_modules/.bin/babel src --out-dir dist -w --source-maps",
"group": "build",
"isBackground": true
}
]
}
Теперь комбинация клавиш Shift+Ctrl+B (Windows/Linux) или Shift+CMD+B (macOS) запустит сборку.
Подробнее о tasks можно узнать на сайте VS Code.
Стандарты кодирования
ESlint — это утилита, проверяющая стандарты кодирования на JavaScript. Стандарт де-факто в мире JS.
Сначала нужно установить ESlint в системе, а потом установить расширение VS Code, которое будет использовать установленный линтер.
Есть разные способы интеграции линтера с расширением. Мы рассмотрим установку линтера глобально в системе.
- Установите Node.js, используя пакетный менеджер вашей операционной системы.
- Установите ESlint командой
npm install -g eslint. Вероятно, вам понадобится использоватьsudo. - Установите плагины, которые конфигурируют
eslint. Без них по умолчаниюeslintничего не проверяет.
npm install -g eslint-config-airbnb-base eslint-plugin-import
- ESlint требует наличия конфигурационного файла. Создайте в корне вашего проекта файл
.eslintrc.ymlсо следующим содержанием:
extends: - 'airbnb-base' env: node: true browser: true
- Установите расширение «linter-eslint» в VS Code.

Читайте также: Как учитель на экзамене: зачем разработчику линтер и как он помогает сделать код понятнее
Автоматическое дополнение
VS Code содержит мощную систему анализа кода для автодополнений и подсказок — IntelliSense.
IntelliSense работает сразу после скачивания, но для настройки деталей нужно создать конфигурационный файл jsconfig.json.
Если положить в корень директории с JavaScript-проектом конфигурационный файл jsconfig.json, то VS Code будет использовать эту конфигурацию для работы с вашим проектом. Вот пример такого файла:
{
"compilerOptions": {
"target": "ES6"
},
"exclude": [
"node_modules",
"**/node_modules/*"
]
}
Здесь можно настроить, например, то, какие директории стоит исключить из системы автодополнений IntelliSense. VS Code совместим с node, webpack, bower, ember и другими популярными инструментами. Полная документация по jsconfig доступна на сайте VS Code.
Отладка
У VS Code есть встроенный отладчик кода. Вы можете, например, отметить брейкпоинты — точки останова — и следить за состоянием приложения в реальном времени.
Подробнее об отладке можно узнать на сайте VS Code.
Читайте также: Как использовать точки останова в своем коде на JavaScript
Расширения, которые помогут эффективнее работать с Git и читать код
- GitLens — в VS Code уже встроена поддержка Git. Но когда базовых возможностей становится недостаточно, на помощь приходит GitLens. Например, одна из его полезных фич —
git blameна текущей строке.
- Indent Rainbow делает разноцветные отступы в коде и подсвечивает некорректные. Вместо радужных цветов можно установить оттенки серого.
- Settings Sync — плагин, который позволяет синхронизировать настройки редактора между разными компьютерами. В качестве облачного хранилища используется Github Gists.

Все настройки можно скачать, указав нужный файл синхронизации. - Fira Code — моноширинный шрифт, визуальная надстройка для более удобного чтения кода. В нем используют лигатуры, которые объединяют несколько символов в один.
Итог
Мы привели самые популярные и необходимые расширения в Visual Studio Code, которые упростят разработку на PHP JavaScript. Все они — бесплатные и кроссплатформенные.
Если вы захотите ознакомиться с другими расширениями этого редактора, переходите на официальный портал Visual Studio Marketplace. Там есть плагины не только для PHP- и JavaScript-разработки, но и для программирования на Python, C++, C# и на других языках.
Никогда не останавливайтесь: В программировании говорят, что нужно постоянно учиться даже для того, чтобы просто находиться на месте. Развивайтесь с нами — на Хекслете есть сотни курсов по разработке на разных языках и технологиях.
Как пользоваться Visual Studio Code
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:
- Главное меню программы — можно использовать для доступа к настройкам, открытия проектов и папок и многого другого;
- Левая панель — эта панель есть только в VS Code, она позволяет переключаться между просмотром дерева каталогов, поиском, отладкой и окном установки дополнений. Сюда же некоторые расширения добавляют свои меню, например Docker, Git и расширение для управления проектами.
- Проводник — по умолчанию здесь отображается дерево каталогов, но тут же вы обнаружите настройки отладки или доступные для установки расширения, если выбран соответствующий пункт на боковой панели.

- Рабочая область — здесь выполняется редактирование файла.
- Мини карта — позволяет быстро ориентироваться по открытому исходнику.
- Нижняя панель — здесь отображается вывод программы при выполнении, консоль самой Visual Code, а также здесь есть встроенный терминал.
- Статус бар — отображается общая информация о состоянии программы.
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. По умолчанию доступно несколько тёмных и светлых тем:
Скачать новые темы можно с официального сайта Visual Studio Code. Здесь же можно настроить тему иконок.
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 и то, что приходится настраивать там, здесь уже есть «из коробки». А какой средой разработки пользуетесь вы? Напишите в комментариях!
Пользовательский интерфейс— Как изменить язык пользовательского интерфейса в коде Visual Studio?
спросил
Изменено 4 месяца назад
Просмотрено 58 тысяч раз
Как изменить язык пользовательского интерфейса в Visual Studio Code (версия 1.
0, выпущенная в апреле 2016 г.)?
- пользовательский интерфейс
- код визуальной студии
- Открыть VScode
- Нажмите F1 и введите «отображение»
- Выберите «Настроить язык интерфейса»
- Выберите свой язык. Сверху установлены языки, ниже другие языки. Тот, который вы выберете, будет установлен как расширение.
- Подтвердить перезапуск.
- вы можете увидеть, что выбранный вами язык был добавлен в расширения, выбрав значок «расширение» на левой панели инструментов (ищите «языковой пакет xxx»)
Подробнее здесь
Предыдущий исходный ответ (для более старого vscode):
- Открыть VSCode
- Нажмите F1 и введите «язык»
- Выберите «Настроить язык» в меню
- Измените значение «локаль». См. «Здесь» для доступных языков.
Пример: "locale":"en-US"
- Сохранить
- Перезапустите vscode
6
Так как мой китайский (или любой другой язык на вашем скриншоте) довольно плохой, я опишу, как установить язык отображения на американский английский без с помощью VSCode.
- Закрыть VSCode
Откройте файл locale.json в текстовом редакторе (я предлагаю , а не , чтобы использовать VSCode).
В Windows файл находится в папке
C:\Users\UserName\AppData\Roaming\Code\UserНа Linux это ниже
$HOME/.config/Code/UserНа Mac это меньше
$HOME/Library/Application Support/Code/UserИзменить содержимое файла на
{ «локаль»: «en-US» }- Открыть VSCode еще раз
3
См. «Язык отображения» https://code.visualstudio.com/docs/getstarted/locales
У меня были проблемы с этим, и ответ Эрика Боле-Фейсота не помог, поскольку в нем отсутствует важный шаг.
- Открытый код АС
- Нажмите F1
- Введите «настроить язык интерфейса»
- Выберите «настроить язык отображения» из вариантов, отображаемых под полем ввода
- Изменить JSON на
"локаль": "en-US"
- Закройте окно и получите запрос на сохранение.

- Перезапуск VS код
Надеюсь, это поможет.
1
Для пользователя Windows,
Перейти к следующей папке, C:\Users\UserName\AppData\Roaming\Code\User
Отредактируйте locale.json или создайте его, если он не существует, со следующим содержимым
{
"локаль":"ru"
}
Поддерживаемые локали можно найти по следующим ссылкам https://go.microsoft.com/fwlink/?LinkId=761051
Ура
- Настройки->Расширение
- поиск «LanguageName Language Pack»
(пример) «English Language Pack» - Установить
1
См. язык отображения VSCode.
- Изменить язык для временной папки
нажмите: File->Preferences->Settings, откроется JSON-файл пользовательских настроек, в который будет добавлено «»locale»=»en» «, сохраните файл и перезапустите.
Или вы можете использовать команду: >>> code . —locale=[lang] (lang относится к коду языка)
- Постоянное изменение языка
Нажмите Ctrl+Shift+P, чтобы вызвать палитру команд, затем начните вводить «config», чтобы отфильтровать и отобразить команду «Настроить язык». Добавьте » «locale»=»en» » в файл Jason, сохраните и перезапустите
В Visual Studio Community для Mac 7.0 перейдите на
Настройки->Визуальный стиль->Язык интерфейса пользователя
Для пользователей Mac OS: В $home/Library/Application Support/Code/User, создайте новый файл с именем «locale.json» (у меня его там не было) и введите:
{
"locale": "en-US"
}
Мне помогло. Последняя часть такая же, как и для других ответов, я думаю, просто для меня не было «locale.json», поэтому я попытался создать его сам и обнаружил, что это сработало.
Как пользователь Ubuntu, единственный вариант, который мне показался доступным, — это запустить Visual Studio Code в командной строке, явно указав язык:
code --locale en
(Интерфейс был на французском языке из-за языка, который я применил для своей операционной системы.
Я пытаюсь выучить французский язык, но иметь VSCode на французском языке было слишком, мне все еще нужно зарабатывать деньги на написании программного обеспечения 😛 )
https://code.visualstudio.com/docs/getstarted/locales
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
локалей — vscode-docs
—
Заказ: 7
Область: настройка
TOCTitle: язык отображения
PageTitle: язык отображения кода Visual Studio (локаль)
Идентификатор контента: 413A7FA3-94F8-4FCB-A4A3-F4C1E77EF716
Дата утверждения: 09.
05.2016
MetaDescription: Как изменить язык отображения (локаль) Visual Studio Code.
Visual Studio Code поставляется с 10 доступными языками отображения (языками): английский (США), упрощенный китайский, традиционный китайский, французский, немецкий, итальянский, японский, корейский, русский и испанский. Локализованный отображаемый текст для всех 10 языков включен в основную загрузку VS Code и поэтому не требует дополнительной установки.
По умолчанию VS Code выбирает язык отображения операционной системы, возвращаясь к английскому (США), если языковой стандарт не поддерживается.
Доступные языки
| Язык дисплея | Региональный стандарт |
|---|---|
| Английский (США) | и |
| Упрощенный китайский | ж-CN |
| Традиционный китайский | ж-ТВ |
| Французский | фр |
| немецкий | от |
| итальянский | это |
| Японский | и |
| Корейский | ко |
| Русский | руб |
| Испанский | ес |
Настройка языка
Если вы хотите настроить конкретный язык, вы можете либо использовать переключатель командной строки --locale , чтобы указать языковой стандарт при запуске сеанса VS Code, либо использовать параметр Команда Configure Language , чтобы сохранить язык отображения, который будет использоваться при запуске VS Code.
Ниже приведен пример использования параметра командной строки --locale для установки французского языка отображения VS Code:
code . --locale=фр.
Команда Configure Language
Команда Configure Language создает файл locale.json в пользовательской папке VS Code. Установите атрибут локали на предпочитаемую локаль.
Нажмите kb(workbench.action.showCommands) , чтобы вызвать палитру команд , затем начните вводить «config», чтобы отфильтровать и отобразить команду Configure Language .
Нажмите kbstyle(Enter) , и будет создан файл locale.json со значением по умолчанию для языка вашей операционной системы. Вы можете использовать IntelliSense ( kb(editor.action.triggerSuggest) ), чтобы выбрать другой поддерживаемый языковой стандарт.
Сохраните locale.json и перезапустите VS Code, чтобы использовать новый язык отображения.

[*.md]
trim_trailing_whitespace = false
[*.{yml,vue,js,html}]
indent_size = 2
[{package.json,.travis.yml}]
indent_style = space
indent_size = 2
[lib/**.js]
indent_style = space
indent_size = 2
d/


