Вы видели, как ютуберы делают .classname, а затем быстро появляется класс с div и задаются вопросом, как сделать то же самое в вашем приложении React?

Немного подробностей о том, что я говорю. Допустим, кто-то набирает div.App, и оно каким-то образом меняется на <div className="App"></div>? Что ж, он называется emmet и по умолчанию работает с файлами HTML, но не с файлами приложений React.

Итак, вот как активировать его в несколько шагов для вашего приложения React:

  1. На Mac введите Command+Shift+P, чтобы вывести настройки
  2. Введите settings.json и щелкните меню, чтобы отредактировать settings.json, как показано на изображении в начале этой статьи.
  3. Добавьте эту строку в свой код "emmet.includeLanguages":{"javascript": "javascriptreact"}
  4. Вот и все, теперь вы можете войти в свой код и использовать стенографию для создания div с классами или идентификаторами по вашему желанию!

Удачного взлома!