atom / language-javascript

JavaScript language package for Atom
Other
194 stars 235 forks source link

Template literals #656

Open idleberg opened 5 years ago

idleberg commented 5 years ago

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

cs

h0n24 commented 5 years ago

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