Форматирование кода

Что такое Форматирование кода?

Инструмент форматирует исходный код на многих языках на одной странице. Выберите язык и отступ — и получите единообразно оформленный код от проверенных форматтеров (Prettier, Ruff, sql-formatter, xml-formatter).

Как пользоваться Форматирование кода

1. Выберите Язык.
2. Задайте Отступ.
3. Вставьте код и нажмите Форматировать (для большинства языков результат также обновляется по мере ввода).
4. Скопируйте или скачайте результат.

Пример

const a={b:1,c:[1,2]}

const a = { b: 1, c: [1, 2] };

Язык: JavaScript, 2 пробела.

Когда использовать Форматирование кода

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

Как работает Форматирование кода

Движок определяется выбранным языком: Prettier 3 для JavaScript (парсер Babel), TypeScript, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown и PHP (@prettier/plugin-php); строгий вывод для JSON; xml-formatter для XML; sql-formatter (стандартный SQL, ключевые слова в верхнем регистре) для SQL; и Ruff, скомпилированный в WebAssembly, для Python. Движки загружаются только при первом использовании. Синтаксические ошибки сообщаются со строкой и столбцом, если движок их предоставляет.

Распространенные Случаи Использования

• ✓ Форматирование фрагмента TypeScript без установки Prettier
• ✓ Наведение порядка в коде, скопированном из чата или PDF
• ✓ Форматирование таблиц и списков Markdown
• ✓ Переключение кода между отступами в 2 и 4 пробела

Часто Задаваемые Вопросы

Что сделать дальше

Другие категории