/ VueJS

Missing support .vue files in Emmet Atom

If you are using Atom and your Emmet does not support .vue yet, here is how we fix it.

First, edit your config.cson file, add this config below your emmet tag. Warning: be careful with tab!

includeLanguages:
    "vue": "html"
    "vue-html": "html"

Second, edit your keymap.cson, add these lines:

'atom-text-editor[data-grammar~="vue"]:not([mini])':
    'tab': 'emmet:expand-abbreviation-with-tab'

Now, I hope you can move on. Happy Vue-ing!


Source:

  1. https://github.com/vuejs/vetur/issues/383#issuecomment-322110711
  2. https://github.com/emmetio/emmet-atom/issues/364#issuecomment-187297738