GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → AdamNiederer → Vue Mode

AdamNiederer / Vue Mode

Licence: gpl-2.0
Emacs major mode for vue.js

Labels

vuevuejsemacsvuejs-components

Projects that are alternatives of or similar to Vue Mode

Org Projectile
Manage org-mode TODOs for your projectile projects
Stars: ✭ 259 (-10.69%)
Mutual labels:  emacs
Cloudmacs
Selfhost your Emacs and access it in browser
Stars: ✭ 277 (-4.48%)
Mutual labels:  emacs
Zetteldeft
A Zettelkasten system! Or rather, some functions on top of the emacs deft package.
Stars: ✭ 284 (-2.07%)
Mutual labels:  emacs
Vue Inspector
Vue.js Inspector for Mobile Devices
Stars: ✭ 266 (-8.28%)
Mutual labels:  vuejs-components
Org Superstar Mode
Make org-mode stars a little more super
Stars: ✭ 271 (-6.55%)
Mutual labels:  emacs
Rg.el
Emacs search tool based on ripgrep
Stars: ✭ 277 (-4.48%)
Mutual labels:  emacs
Counsel Projectile
Ivy UI for Projectile
Stars: ✭ 255 (-12.07%)
Mutual labels:  emacs
Helm
Emacs incremental completion and selection narrowing framework
Stars: ✭ 3,109 (+972.07%)
Mutual labels:  emacs
Ivy Rich
More friendly interface for ivy.
Stars: ✭ 274 (-5.52%)
Mutual labels:  emacs
Spacehammer
Hammerspoon config inspired by Spacemacs
Stars: ✭ 280 (-3.45%)
Mutual labels:  emacs
Unpackaged.el
A collection of useful Emacs Lisp code that isn't substantial enough to be packaged
Stars: ✭ 269 (-7.24%)
Mutual labels:  emacs
Emacs.d
My emacs configuration documented in literate programming style
Stars: ✭ 271 (-6.55%)
Mutual labels:  emacs
Dotfiles
●📄 Ryan McGeary's configuration shiznit that makes him productive
Stars: ✭ 278 (-4.14%)
Mutual labels:  emacs
Org Transclusion
(alpha) Emacs package to enable transclusion with Org Mode
Stars: ✭ 251 (-13.45%)
Mutual labels:  emacs
Helm Projectile
Helm UI for Projectile
Stars: ✭ 285 (-1.72%)
Mutual labels:  emacs
Mu4e Dashboard
A dashboard for mu4e (mu for emacs)
Stars: ✭ 259 (-10.69%)
Mutual labels:  emacs
Objed
Navigate and edit text objects with Emacs. Development on pause.
Stars: ✭ 276 (-4.83%)
Mutual labels:  emacs
Fountain Mode
Emacs major mode for screenwriting in Fountain plain-text markup
Stars: ✭ 288 (-0.69%)
Mutual labels:  emacs
Rogue
Personal Emacs config
Stars: ✭ 286 (-1.38%)
Mutual labels:  emacs
Radian
🍉 Dotfiles that marry elegance and practicality.
Stars: ✭ 274 (-5.52%)
Mutual labels:  emacs
View All Similar Projects ➔

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

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.

How can I reload the submodes in a buffer?

Try M-x vue-mode-reparse.

How do I disable that ugly background color?

Customize mmm-default-submode-face. It's an mmm-mode default.

Add the following lines to your .emacs.d/init.el to set a lighter color:

(add-hook 'mmm-mode-hook
          (lambda ()
            (set-face-background 'mmm-default-submode-face "#fafafa")))

Or disable the background color completely in your .emacs.d/init.el:

(add-hook 'mmm-mode-hook
          (lambda ()
            (set-face-background 'mmm-default-submode-face nil)))
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].