Введение

Rome предназначен для форматирования, линтера, упаковщика и многого другого для JavaScript, Typescript, HTML, Markdown и CSS. Это много изменений, но он предназначен для того, чтобы стать универсальным инструментом для веб-разработки. В этой статье я расскажу о своем опыте в Rome vs Prettier.

В качестве отказа от ответственности, поскольку Рим ориентирован только на эти языки, сравнение также будет сосредоточено только на них!

Что такое форматер?

Средство форматирования применяет самоуверенные стилистические соглашения к текстовым файлам, в данном случае к нашим файлам кодирования! Эти соглашения могут включать, помимо прочего, стиль отступов, использование кавычек, длину строки кода и многое другое в зависимости от языка!

Я буду оценивать их по следующим критериям:

  • Время форматировать
  • Форматирование

Настройка ПЗУ

Rome привязан к интеграции в IDE. Однако он поддерживает только Visual Studio Code, нам просто нужно найти Rome в расширениях:

Но для целей этого поста я хочу запустить как prettier, так и Rome из CLI. Рим рекомендует пока устанавливать его только локально.

npm i -D rome@next

Затем добавьте следующий скрипт в package.json

"scripts": { 
    "rome:format": "rome format ." 
}

Рим против Красотки: Время

Это время в Риме:

Красивее:

Второй забег в Риме:

Вау, Рим был намного быстрее! Вот график просто на всякий случай

Рим против красивше: формат

Ну а собственно форматирование? Rome и Prettier очень самоуверенны, когда дело доходит до форматирования, и не допускают такой большой настройки.

У Prettier (с их сайта) есть 23 варианта, и, поскольку он существует так долго, есть плагины для его дополнения. С другой стороны, Рим предлагает следующие три варианта:

Оба они предлагают способ игнорировать форматирование, если это необходимо:

// rome-ignore format: <explanation> 
// prettier-ignore

Rome также поставляется с тем, что они называют восстановлением ошибок. Разрешение форматирования работать, несмотря на синтаксические ошибки, чего лучше не предлагает. На их странице анонса есть аккуратная маленькая гифка: https://rome.tools/blog/2022/04/05/rome-formatter-release.

Вот краткий пример отформатированного кода Rome:

Заключение

Отнеситесь ко всему сказанному в этой статье с долей скептицизма, поскольку средство форматирования Rome все еще находится в альфа-версии, поэтому многое может измениться.

Для получения дополнительной информации о том, как это на самом деле работает, посетите их веб-сайт.

Rome — действительно интересная новая концепция в мире инструментов для веб-разработки. Если им удастся сделать что-то простое в использовании, объединяющее все наши потребности, это решит одну из основных проблем для нас, веб-разработчиков.

Больше контента на Relatable Code

Если вам это понравилось, не стесняйтесь связаться со мной в LinkedIn или Twitter.

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

Первоначально опубликовано на https://relatablecode.com 13 апреля 2022 г.