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

Форматируйте JavaScript, JSX, TypeScript и TSX без выполнения кода.

Фронтенд и дизайн
Подготовка рабочей области…
Входные данные
Выходные данные
Здесь появится результат.

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

  1. Вставьте текст, откройте файл UTF-8 или попробуйте пример.
  2. Выберите данные и настройки, затем запустите инструмент или включите автозапуск.
  3. Проверьте результат, скопируйте или скачайте его. Изменение ввода делает прежний результат недействительным.

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

Форматируйте JavaScript, JSX, TypeScript и TSX без выполнения кода.

Обработка выполняется в браузере. Данные не отправляются в DevToolsy.

Как это работает

Prettier разбирает код и приводит пробелы и отступы к единому виду. Выберите JavaScript / JSX или TypeScript / TSX. Ошибки синтаксиса содержат позицию.

До и после
Входные данные
const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}
Выходные данные
const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

Форматируйте JavaScript, JSX, TypeScript и TSX без выполнения кода.

Настройки и точность данных

Настройте отступы, ширину, кавычки и точки с запятой. Это не компилятор, линтер или минификатор. Код и import не выполняются.

Работа с результатом

Успех означает только принятую парсером синтаксическую структуру. Типы, import и поведение проверяйте компилятором, линтером и тестами проекта.

Проверьте результат, скопируйте или скачайте его. Изменение ввода делает прежний результат недействительным.

Ограничения обработки

Ввод UTF-8 до 1 MiB на документ, вывод до 8 MiB. JSONPath и Schema: 5 секунд; остальные инструменты: 30 секунд.

Дополнительные материалыPrettier options
?

Частые вопросы

Какие языки поддерживаются?

Prettier разбирает код и приводит пробелы и отступы к единому виду. Выберите JavaScript / JSX или TypeScript / TSX. Ошибки синтаксиса содержат позицию.

Можно выбрать кавычки и точки с запятой?

Настройте отступы, ширину, кавычки и точки с запятой. Это не компилятор, линтер или минификатор. Код и import не выполняются.

Проверяются типы или логика?

Нет. Успех означает только принятую парсером синтаксическую структуру. Типы, import и поведение проверяйте компилятором, линтером и тестами проекта.

Загружаются ли мои данные?

Обработка выполняется в браузере. Данные не отправляются в DevToolsy.

Можно открыть локальный файл?

Ввод UTF-8 до 1 MiB · вывод до 8 MiB

Найдите следующий инструмент

Язык

Сменить язык? Текущие данные будут очищены. Сначала скопируйте или скачайте нужные результаты.