Мои инструменты

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

Вставьте код — он разложится сам: язык определяется автоматически, кнопок нет.

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

  1. Вставьте код в поле — он форматируется по мере ввода; нажимать ничего не нужно.
  2. Язык определяется по коду. Если догадка неверна, выберите язык из списка; 2 или 4 пробела и 80, 100 или 120 колонок применяются сразу.
  3. Скопируйте результат или скачайте его с правильным расширением (.js, .ts, .json, .py …).

Пример

Ввод

function greet(user){if(!user){return "Привет, гость";}const tags=["new","active"];return `Привет, ${user.name}!`;}
export default greet;

Отформатировано

function greet(user) {
  if (!user) {
    return "Привет, гость";
  }
  const tags = ["new", "active"];
  return `Привет, ${user.name}!`;
}
export default greet;

Отформатировано по правилам по умолчанию (2 пробела, 80 колонок). Prettier добавляет точки с запятой и двойные кавычки; шаблонная строка и запасной вариант для гостя не изменены.

Правила, ограничения и известные проблемы

  • Форматирование меняет пробелы и собственные нормализации форматтера (кавычки, точки с запятой, запятые в конце); оно никогда не выполняет код, не сортирует ключи и не переименовывает идентификаторы. Содержимое строк сохраняется.
  • Движки: Prettier для JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, Vue и GraphQL; Ruff (совместимый с Black) для Python. Скачивается только движок текущего языка, при первом использовании, и браузер его кэширует.
  • Автоопределение — эвристика. Фрагмент, начинающийся с тега, может быть прочитан как HTML, даже если это JSX; выберите JavaScript или TypeScript вручную. Объект, похожий на JSON, но не являющийся валидным JSON, обрабатывается как JavaScript.
  • Ручной выбор имеет приоритет: выбрав CSS, вы никогда не получите молчаливое форматирование как SCSS. TypeScript пробует .ts, затем .tsx.
  • JSON использует парсер json от Prettier, поэтому короткие объекты могут остаться в одной строке. Для строгой проверки, порядка ключей или минификации используйте JSON-инструменты. Дубликаты ключей сохраняют последнее значение, как JSON.parse.
  • Стиль Prettier фиксирован: двойные кавычки, точки с запятой, запятые в конце там, где это допустимо. Файлы .prettierrc и .editorconfig не читаются, опций кавычек и точек с запятой нет. Python использует двойные кавычки и соблюдает magic trailing comma (Ruff/Black).
  • Пробелы в HTML подчиняются htmlWhitespaceSensitivity: css, поэтому пробелы вокруг строчных элементов могут отличаться от исходника. Markdown, YAML и XML не поддерживаются; для них есть редактор Markdown, конвертер конфигураций и форматтер XML.
  • Вывод использует LF без завершающего перевода строки, форматирование идемпотентно. Свыше 200 000 символов результат обновляется примерно через 0,6 с после того, как вы закончите ввод; форматирование идёт в Web Worker, а текст никогда не загружается, не попадает в URL и не сохраняется.

Что обычно нужно дальше, когда код стал читаемым.

JSON-инструменты

Форматирование SQL

Форматирование XML