ローマ.ブロックの新しいフォーマッタを試す


導入


ローマはフォーマッタ、リンター、バンドル、JavaScript、Typescript、HTML、Markdown、およびCSSのためのはるかに設計されています.それは変化の全体の多くですが、それはWeb devのツールのためのワンストップショップであることを意図している.この記事では、私はローマ対私の経験を経験します.
ローマとして免責事項としてだけでなく、それらの言語に焦点を当てている比較はまた、それらに焦点を当てられます!

フォーマッタとは


フォーマッタは、テキストファイルに、この場合、私たちのコーディングファイルを独断的な文体規則を適用します!これらの規則は、インデントスタイル、引用符の使用、コードラインの長さ、および言語によってより多くのトンを含むことができますが、これらに限定されません!
次の基準で2つを評価します
をフォーマットする時間
の書式設定

  • ローマの設定


    ローマは、IDEでの統合に関連付けられています.ただし、Visual Studioのコードをサポートするだけで、拡張子の中でローマを検索する必要があります.

    しかし、このポストの目的のために、私はCLIから両方ともきれいでローマを走りたいです.ローマは、しばらくの間ローカルにそれをインストールすることを勧めます
    npm i -D rome@next
    
    次に、次のスクリプトをパッケージに追加します.JSON
    "scripts": { 
        "rome:format": "rome format ." 
    }
    

    ローマ対プレタイティ


    ローマの時間です.

    要するに

    ローマ・セカンドラン

    うわー、ローマ、もっと速くなった!ちょうどそれのためのグラフが、ここにあります

    低いほうがよい

    ローマ対プレタイティ


    さて、実際の書式はどうですか?ローマとプリティは、それが書式化に来るとその多くのカスタマイズを許可しないときに非常に独断的です.
    きれいな(彼らのサイトから)23のオプションを持っているので、それは非常に長いので、それを補完するプラグインがあります.一方、ローマは、次の3つのオプションを提供しています.
    必要に応じてフォーマットを無視する方法を提供します.
    // rome-ignore format: <explanation> 
    // prettier-ignore
    
    ローマもエラー回復と呼ばれるものが付属しています.構文エラーにもかかわらず書式設定を許可する.彼らの発表ページにきちんとした小さいGIFがあります:https://rome.tools/blog/2022/04/05/rome-formatter-release
    以下にローマでフォーマットされたコードの例を示します.

    結論


    ローマのフォーマッタとしての塩の粒でこの記事では、すべてのアルファを維持するので、変更することができますがたくさんあると述べた.
    それが実際にどのように働くかに関する詳細については、websiteをチェックしてください.
    ローマは、ウェブ開発のためのツーリングの世界で、本当に面白い新しい概念です.彼らは私たちのニーズのすべてを統合する何かを簡単に使用するように管理する場合、それは私たちのWeb開発者のための主要なポイントのいずれかを修正します.
    Relatable Codeのより多くの内容
    あなたがこれが好きであるならば、私と連絡をとってください
    私の自由な開発者ロードマップと毎週のハイテク産業ニュースをnewsletterでチェックしてください.
    元来は2022年4月13日にhttps://relatablecode.comで発行された.