Vuejs

From WikEmacs
Jump to navigation Jump to search

What does Emacs offer to work with Vuejs ?

Vue-mode

vue-mode (in MELPA) is a major-mode for vue.js. It is based on mmm-mode, i.e. it allows multiple major modes per buffer and thus allows to have syntax highlighting, completion and flycheckers for html, javascript and css snippets (and now, adapted to Vue).

It also uses js-mode for javascript. You may want to check out other modes like js2-mode that have some more features.

Vue-mode.png

Vue-html-mode

vue-htm-mode (in melpa) gives Vue template support. It is best used with the aforementioned vue-mode.

Vue-html.png

See also

web-mode

Also web-mode allows to mix html and javascript.

Migrations helpers to Vue2

see vue-utils, a very rough set of search-and-replace calls to transform some constructs to Vue2 (for example,

tag="{{ value }}"

to v-bind:tag="value").