【PHPStorm】className の自動補完を {} から “” に変更する 【React】

className は ダブルコーテーションで入力したい!

みなさん、こんにちは。どんぶラッコです。

本日は小ネタですが、地味に助かる設定をご紹介します。

PHPStorm や WebStorm など、 IntelliJ 製品を使ってReactを開発する方も多いと思います。

その時に困るのが className の補完。

補完をしてくれるのはありがたいですが、デフォルト設定のままだと 波括弧 {} が補完されてしまいます。

className は ダブルクォーテーションで、 onClick などは 波括弧で表示してくれる、そんな便利な設定ないかな…と思っていたら

ありました。

ということで、その設定方法をご紹介します!

classNameの補完を {} から "" に変更する手順

PHPStormから Preferences… を選択します。

Editor > Code Style > HTML の順に選択し、 HTML設定画面内の Other タブを選択します。

そして、 Add for JSX attributes の設定を Based on type に変更し、 OKボタンを押下します。

これで設定完了です!実際に classNameonClick を入力して試してみてください。

この記事のまとめ

いかがだったでしょうか?簡単でしたね!他にも便利設定があったらぜひコメントで教えてください♪

参考サイト

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA