ITエンジニア/デザイナ向けにオープンソースを毎日紹介

プログラミングについて質問する際に、綺麗なコードで質問するかどうかで回答してもらえる可能性は変わってきます。誰しもインデントも乱れて改行も一定でない汚いコードを解析してまで質問に答えたいと思わないでしょう。

そこで使ってみたいのがPrettierです。テキストエリア上でコードを綺麗に整形してくれます。

Prettierの使い方

例です。コードを短縮しています。

それがショートカットキー一つで整形されます。

PrettierはWindowsであればAlt + Shift + F、macOSであればAlt + Fで整形してくれます。JavaScriptだけでなく、SCSSなどにも利用できます。設定も細かく指定できるので、とりあえず実行しておけば見づらい部分を自動修正してくれるので便利です。なお、使えるのはMarkdownエディタ部になるようです。

PrettierはGoogle Chrome用のオープンソース・ソフトウェア(MIT License)です。

Prettier - Chrome ウェブストア

u3u/prettier-chrome: ? An extension that can be formatted using Prettier in Chrome

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2