/vue-mode

Emacs major mode for vue.js
  1. Emacs Lisp 100.0%
Emacs Lisp
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit a34f8a1 Oct 29, 2017 @AdamNiederer AdamNiederer Include mmm-cmds for narrowing
Permalink
Failed to load latest commit information.
test Fix Travis Oct 4, 2017
.gitignore Add Caskfile Apr 1, 2017
.travis.yml Add CI and update Cask Oct 4, 2017
Cask Add CI and update Cask Oct 4, 2017
LICENSE Initial commit Apr 10, 2016
README.md Edit spacemacs docs for newer versions of spacemacs. Oct 8, 2017
vue-mode.el Include mmm-cmds for narrowing Oct 30, 2017

README.md

https://github.com/syl20bnr/spacemacs MELPA Melpa Stable Status

vue-mode

Emacs major mode for vue.js based on mmm-mode.

Preview

2016-04-10 10 44 46

Install

Emacs users may install the package from MELPA. vue-mode should then be activated on all files with a .vue extension.

Spacemacs

There are two ways to install and configure vue-mode when using spacemacs.

The Simple Way, Without a Layer

Spacemacs allows the installation of additional packages outside of its layer system using the dotspacemacs-additional-packages variable. Add vue-mode to this list.

Edit your ~/.spacemacs file as follows (to find it press SPC f e d):

dotspacemacs-additional-packages '(vue-mode)

With a Layer

Creating a layer is a more complicated method of installing the package, but it allows for greater flexibility, and faster started via autoloading. You can read more about it here: Spacemacs Layers.

The following is a minimal package.el file for a custom vue-mode layer:

(setq vue-mode-packages
      '(
        vue-mode
        )
      )

(setq vue-mode-excluded-packages '())

(defun vue-mode/init-vue-mode ()
  "Initialize my package"
  (use-package vue-mode))

If you want to customize the region background color (default is highlight):

(defun vue-mode/init-vue-mode ()
  (use-package vue-mode
               :config
               ;; 0, 1, or 2, representing (respectively) none, low, and high coloring
               (setq mmm-submode-decoration-level 0)))

Q&A

Why js-mode instead of js2-mode?

js2-mode does not yet work with "multi-mode" modes such as mmm-mode. See https://github.com/mooz/js2-mode/issues/124.

Mode didn't get updated when lang changed

M-x vue-mode-reparse