Prettier document you need to know【1】--概要

1896 ワード
prettier jshint javascript
以下の内容は個人がPretier公式サイトの一部の文書を参照して翻訳＋理解し、一部のyou need to knowを羅列するために用いられます.文書の内容は参考になります.詳細は公式サイトを参照してください.
インストール
(node.jsの熱いのとnpmを持参するので、npmダウンロード方式だけを置く)
//using npm to download prettier
npm install --save-dev --save-exact prettier
# --save-exact   package.json             。
#         
npm install --global prettier
Pretierは何ですか
Pretierは選択式のコードフォーマットツールで、サポート:
  • JSはES 2017
    • を含む.
  • TS
  • JSX
  • CSS、LESS、SASS
  • …
    • これはすべてのオリジナルフォーマットを削除し、すべての出力コードが一致するように保証します.スタイルPrettierはあなたのコードを取得し、コードラインの長さを計算することによって、例えば以下のように再出力します.
    foo(arg1, arg2, arg3, arg4);
    行の表示に適しています.すべてはそのままです.しかし、私たちはこのような場面に出会うかもしれません.
    foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
    私たちはそれが長すぎるため、手動または他のツールを使ってそれをマルチラインで分解して表示することができますが、Pretierはあなたのためにこのような困難な仕事をします.
    foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);
    詳細は公式サイトを参照してください.
    なぜPrettierを使うのですか?
    ここではもう文書を翻訳しません.自分の体験を使って説明します.
  • は、フロントエンドコードで使用されているJavascriptなどのフォーマットが異なっていますか?ソースファイルは、新しいフィーチャーがないのに、修正されてリモートに提出されます.ある書類のhistoryを見に行くと、ファイルに相応の修正があり、commt commt commmentが伴っていることが分かりました.迷ったのは修正記録を追跡しましたが、元のファイル形式だけが他人に上書きされて提出されていることに気づきました.
    • もっと多くのメリットがPretierに書かれています.官文を参考にしてください.
    Pretier vs.Linters
    Lintersには2つの規則範疇フォーマット規則があります.例:max-len、no-mixed-spaces-and-tabs、keyword-spacing、compma-style...Pretierはこのカテゴリ全体の規則に対する需要を軽減しました.Prettierは同じ方式でプログラム全体を初めから出力しますので、プログラマが再びエラーを犯すことは不可能です.
    コード品質規則例:no-unused-vars、no-extra-bind、no-inmplicit-globals、prefer-promise-reject-errors…Pretierはこの項に対して対応しません.Lintersはこの面でやはりかけがえのない功績があります.
    Jshint+Protierを使って、より良いコード出力を管理することを提案します.
    最後に
    もし何か問題や提案があれば、メールで検討してください.通訳は簡単ではないです.もしあなたが助けてくれると思ったら、歓迎します.
    WeChat:
    アリペイ:
    Javascript for inの欠陥まとめ