Vuejs - Revision history

Elvince: add web dev cat

2017-10-13T23:03:32Z

add web dev cat

Elvince: /* Migrations helpers to Vue2 */

2017-09-19T09:27:08Z

Migrations helpers to Vue2

Elvince: /* See also */ vue migration utils WIP

2017-05-18T16:49:53Z

Elvince: add js category

2017-05-15T14:12:41Z

add js category

Elvince: /* web-mode */

2017-05-15T14:11:51Z

web-mode

Elvince: Emacs for Vue.js

2017-05-15T14:10:38Z

Emacs for Vue.js

New page

What does Emacs offer to work with Vuejs ?

= Vue-mode =

[https://github.com/CodeFalling/vue-mode vue-mode] (in [[MELPA]]) is a major-mode for vue.js. It is based on [https://github.com/purcell/mmm-mode 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 [http://wikemacs.org/wiki/JavaScript#js-mode js-mode] for javascript. You may want to check out other modes like [http://wikemacs.org/wiki/JavaScript#js2-mode js2-mode] that have some more features.

[[File:vue-mode.png]]

= Vue-html-mode =

[https://github.com/AdamNiederer/vue-html-mode vue-htm-mode] (in melpa) gives Vue template support. It is best used with the aforementioned vue-mode.

[[File:vue-html.png]]

= See also =

== web-mode ==

Also [[web-mode]] allows to mix html and javascript.

[[Category:programming]]

← Older revision		Revision as of 23:03, 13 October 2017
Line 27:		Line 27:
	[[Category:programming]]		[[Category:programming]]
	[[Category:javascript]]		[[Category:javascript]]
		+
		+	[[Category:Web Development]]

@@ Line 23: / Line 23: @@
 == Migrations helpers to Vue2 ==
-see [https://gitlab.com/emacs-stuff/vue-utils vue-utils], currently a very rough set of search-and-replace calls to transform some constructs to Vue2 (for example, <pre>tag="{{ value }}"</pre> to <code>v-bind:tag="value"</code>).
+see [https://gitlab.com/emacs-stuff/vue-utils vue-utils], a '''very rough''' set of search-and-replace calls to transform some constructs to Vue2 (for example, <pre>tag="{{ value }}"</pre> to <code>v-bind:tag="value"</code>).
 [[Category:programming]]
 [[Category:javascript]]

@@ Line 20: / Line 20: @@
 Also [http://web-mode.org/ web-mode] allows to mix html and javascript.
 [[Category:programming]]
 [[Category:javascript]]

← Older revision		Revision as of 14:12, 15 May 2017
Line 22:		Line 22:

	[[Category:programming]]		[[Category:programming]]
		+	[[Category:javascript]]

@@ Line 19: / Line 19: @@
 == web-mode ==
-Also [[web-mode]] allows to mix html and javascript.
+Also [http://web-mode.org/ web-mode] allows to mix html and javascript.
 [[Category:programming]]