로마 vs 프리티어. 블록에서 새로운 포맷터 사용해보기

소개



Rome은 JavaScript, Typescript, HTML, Markdown 및 CSS를 위한 포맷터, 린터, 번들러 등으로 설계되었습니다. 그것은 많은 변화이지만 웹 개발 도구를 위한 원스톱 상점이 되도록 의도되었습니다. 이 기사에서는 Rome vs Prettier에서의 경험을 살펴 보겠습니다.

면책 조항으로서 로마는 해당 언어에만 초점을 맞추고 있으므로 비교도 해당 언어에만 초점을 맞출 것입니다!

포맷터란 무엇입니까?



포맷터는 텍스트 파일(이 경우 코딩 파일)에 독단적인 문체 규칙을 적용합니다! 이러한 규칙에는 언어에 따라 들여쓰기 스타일, 인용 사용, 코드 줄 길이 등이 포함될 수 있지만 이에 국한되지는 않습니다!

다음 기준에 따라 두 가지를 평가할 것입니다.
  • 포맷 시간
  • 서식 지정

  • 로마 설정



    로마는 IDE 통합에 묶여 있습니다. 그러나 Visual Studio Code만 지원하므로 확장에서 Rome을 검색하기만 하면 됩니다.



    그러나이 게시물의 목적을 위해 CLI에서 prettier와 Rome을 모두 실행하고 싶습니다. 로마는 당분간 로컬에만 설치할 것을 권장합니다.

    npm i -D rome@next
    


    그런 다음 package.json에 다음 스크립트를 추가합니다.

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


    로마 vs 프리티어: 시간



    이것은 로마의 시간입니다.



    더 예쁘다:



    로마 2차전:



    와우, 로마는 훨씬 빨랐다! 여기에 그래프가 있습니다.


    낮을수록 좋습니다

    로마 vs 프리티어: 형식



    음, 실제 서식은 어떻습니까? Rome and prettier는 서식 지정에 관해서는 매우 독단적이며 그렇게 많은 사용자 지정을 허용하지 않습니다.

    Prettier(해당 사이트에서)에는 23가지 옵션이 있으며 너무 오래 사용되었기 때문에 이를 보완할 플러그인이 있습니다. 반면 로마는 다음 세 가지 옵션을 제공합니다.

    둘 다 필요한 경우 서식을 무시하는 방법을 제공합니다.

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


    Rome은 또한 오류 복구라는 기능을 제공합니다. 구문 오류에도 불구하고 서식이 작동하도록 허용하는 것은 더 예쁜 것이 제공하지 않는 것입니다. 발표 페이지에 깔끔한 작은 GIF가 있습니다. https://rome.tools/blog/2022/04/05/rome-formatter-release

    다음은 Rome의 일부 형식화된 코드에 대한 간단한 예입니다.



    결론



    Rome 포맷터는 아직 알파 버전이므로 변경될 수 있는 부분이 많으므로 이 기사에서 언급한 모든 내용을 약간의 소금으로 받아들입니다.

    실제로 작동하는 방법에 대한 자세한 내용은 website을 확인하십시오.

    Rome은 웹 개발 도구의 세계에서 정말 흥미로운 새로운 개념입니다. 그들이 우리의 모든 요구 사항을 통합하는 사용하기 쉬운 것을 만들 수 있다면 웹 개발자의 주요 포인트 중 하나를 수정할 것입니다.

    자세한 내용은 Relatable Code에서 확인하세요.

    이 내용이 마음에 드셨다면 언제든지 저에게 연락하거나

    newsletter에서 내 무료 개발자 로드맵과 주간 기술 산업 뉴스를 확인하십시오.

    2022년 4월 13일 https://relatablecode.com에서 원래 게시되었습니다.

    좋은 웹페이지 즐겨찾기