Введение
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 г.