Есть ли аналог Emmet для JavaScript?

Question

[CompiledBrain]

С помощью Emmet можно написать
div>p*10+div
и получить

<div>
  <p></p>
  <p></p>
  <p></p>
  <div></div>
</div>

Есть ли что то помощью чего можно написать
switch>case*5
и получить switch в середине которого 5 case
или
if>ifelse
примеров можно много придумать

Answer 1

[Антон]

В webstorm есть live templates

Comments

[Сергей delphinpro]

И "postfix completion"

[alvvi]

Просто из любопытства, как это все там дружит с jsx?

[Антон]

Илья Ростопка: можно скачать live templates для jsx

Answer 2

[Эмиль Чапчакчи]

Есть очень хороший плагин в sublime text 3, если вы в нём пишите js. Называется JavaScript & NodeJS Snippets.
Также генерить код как emmet, к сожалению не сможет, но время написания кода всё же сокращает

Answer 3

[ntonbala]

Для JS и других языков, как правило используют сниппеты (собственные механизмы аббревиатур). К слову, Emmet - это также механизм СSS подобных аббревиатур для написания HTML. Сниппеты достаточно просто создавать. Как - зависит от конкретного редактора/IDE.

В Google, YouTube без проблем можно найти примеры как создать собственный сниппет в нужном редакторе/IDE.

Answer 4

[PHPdev1]

Есть тот же emmet js, не знаю на сколько это сейчас актуально
https://www.jsdelivr.com/package/npm/emmet?path=dist

<script type="module">
// type="module" работает только по http(s) протоколу "т.е. локально работать не будет"
    import emmet from 'https://cdn.jsdelivr.net/npm/emmet@2.4.6/+esm'
    console.log(emmet('ul>li*5>a[href=#test-$]{is link n$}'))
</script>