Template literals

[idleberg]

Summary

In languages such as Ruby or CoffeeScript, Atom has a feature to quickly change a selection inside a string into a template literal. Since template literals are supported in JavaScript since ES2015, it would be nice to have the same feature for the language.

Steps:

1. Select any part inside a string (enclosed in backticks), e.g. name
2. Press $ key
3. Selection becomes ${name}

Motivation

Existing feature in Ruby, CoffeeScript and possible other bundled Atom syntax languages.

Additional context

Here's an animation showcasing the feature when working in CoffeeScript

[h0n24]

This is necessary only in the template literals, aka text between back-ticks ` `.
No need for them inside "" or ''.

Additionally check gif in the original discussion: https://discuss.atom.io/t/template-literals-autocomplete/67161