BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » スタッフ» コードのインデントを綺麗にするツール

このエントリーをはてなブックマークに追加

コードのインデントを綺麗にするツール

   投稿日: 2017/12/22    投稿者:スタッフ

こんにちは!
気付いたら2017年ももう終わろうとしていますね!
年々、一年が過ぎ去るスピードが早くなっているような気がする今日この頃です。


soucecodeIMGL8996_TP_V4.jpg


さて、今回は便利なツールをご紹介します!
その名も【Prettier】というツールになります。
サイト:https://prettier.io


こちらは、インストールして使うのですが、コードのインデントを綺麗に整えてくれるツールです。
こういうコードを整えてくれるツールというのは他にも色々あると思うので、
自分が使いやすいと思うものを使って頂ければと思いますが、
こちらのツールは簡単に調整が出来るのでおすすめです。


サイトの方ではインストール前にデモができるので色々試して見て頂ければと思います。
左側にコードを書くと、右側にリアルタイムで綺麗に整えられたコードが表示されます。


screencapture-prettier-io-playground-1513901705356.png


インデントはタブか空白にするかを選べたり、
ダブルクォーテーションかシングルクォーテーションかを選んだりすることもできます。
なので、自分の好みに合わせてカスタマイズできますよ♪


また、使い方次第ではgitと連係させるようなことも出来るみたいです。


コードを整えることで見やすく管理しやすいページが作れると思いますので、
是非やってみてくださいね!


それでは、またー!

カテゴリ:

TOPへ