0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【VSCode】Prettierの使い方 備忘録

Posted at

Prettierとは

Prettierとはソースコードを
一貫したスタイルに自動整形してくれるツールである。

利用シーン

  • 自分のコードを楽にに綺麗に整形したい
  • 複数人で開発しており、書き方に統一性を持たせたい
  • コードが読みづらいので可読性を上げたいなど

利点

  • 開発者間で統一した共通のスタイルにすることが可能
  • 開発者はコードスタイルを意識することなくコーディングに集中できる。
  • 可読性の高いコードを作成できる。

インストール手順

①. VScodeの拡張機能からインストール
②. 設定
③. 使用

インストール

VSCodeにPrettierプラグインをインストールします。

Prettire1.png

Prettire2.png

以上でインストール完了。

設定

Prettier3.png

Prettire5.png

以上で設定完了。

使用

コードを保存するとコードをフォーマットしてくれる。
以上

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?