【WebStorm】JSX内でEmmetが効かない時の対処法

【WebStorm】JSX内でEmmetが効かない時の対処法

どうも、イソップです。

ぼくは普段、フロントエンド開発はWebStormを使ってコードを書いているのですが、
JSX内でEmmetが効かなくて困ったので、解決方法を紹介します。

JavaScriptの言語バージョンをJSX Harmonyに設定しよう

WebStorm設定画面

[Preferences] → [Languages & Frameworks] → [JavaScript]

JavaScript language version: JSX Harmony に設定します。

これで、もう気兼ねなくEmmetが使えますね!

五十川 洋平(Yohei Isokawa)

五十川 洋平(Yohei Isokawa)

フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。 また、Udemyのプログラミング解説の講師、writer.appの自主開発や上越TechMeetupの主催などを行っています。

プロフィール

©Copyright 2022 Yohei Isokawa All Rights Reserved.