0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

prettier onSave が動かない @ vscode

Posted at

記事の内容

フロントエンジニア必須プラグインのPrettier Code formatterをVscodeにインストールした際に,整形が上手くされなかった課題の解決法をメモした.

そもそもPrettier Code formatterの適用方法

1.プラグインのインストール

Vs Code左タグの拡張機能(🔲が4つあるアイコン)から検索窓に「Prettier Code Formatter」と検索し,インストールする.

2.Onsaveにチェックを入れる.

➀ ショートカット「Ctrl」+「,」(Macの場合「Command」+「,」)で「設定」を開く.

➁ 開いたら検索窓に「Onsave」と検索

➂ 以下のチェックボックスにチェックを入れる.→すると,ワークスペースに「./vscode/settings.json」ができる.(基本的にあはユーザ側ではなく,ワークスペースごとにsettings.jsonを作った方がいい.)

スクリーンショット 2024-05-04 180709.png

3.Vscodeを再起動する

課題

上記の手順を踏んでも,上手くコードの整形をしてくれない.

解決策

1.「Ctrl」+「,」で「設定」を開く

2.検索窓に「Default Formatter」と検索

3.Default Formatterを「Prettier-code formatter」へ変更

スクリーンショット 2024-05-04 180210.png

4.VsCodeを再起動

5.これで完成!

参考文献

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?