Блог

Так что по какой-то причине только часть Emmet работает в моих файлах ReactJS. В настоящее время я работаю над добавлением CSS к некоторым из этих файлов, и, похоже, я не могу заставить его работать должным образом.

Когда я набираю m-10, который обычно должен переводиться в margin: 10px , он фактически переводится в: <m-10></m-10>

У кого-нибудь вообще была похожая проблема? Возможно, некоторые из моих настроек неверны, или, может быть, это связано с тем фактом, что я использую стилизованные компоненты и их бэкстеклы.

Если кто-нибудь знает решение или знает, что я делаю не так, пожалуйста, дайте мне знать.

Я уже добавил: «emmet.includeLanguages»: { «javascript»: «javascriptreact», },

И большинство других сокращений работают без проблем, на самом деле не работают только ярлыки, специфичные для CSS.

ОБНОВЛЕНИЕ: итак, мне удалось «вроде» заставить его работать, но все еще есть некоторые ошибки. Я добавил «typescript»: «typescriptreact» в свой параметр Emmet «emmet.includeLanguages». Теперь я действительно могу выбрать правильный фрагмент, но мне нужно вручную активировать Emmet (ctrl пробел), и это второй вариант, а не первый. Кроме того, когда я выбираю правильный фрагмент, он завершает его следующим образом: m-margin: -10px; так что это не очень помогает.