Make組ブログ

Python、Webアプリや製品・サービス開発についてhirokikyが書きます。

Spacemacsでvue-modeかつflycheckする

emacs(Spacemacs)+ vueファイルをずっと模索している。

というのもjs2-modeがmmm-modeに対応しないので、JSを書くときにjs-modeで不便だったりする。 web-modeを使っても似たようなものなので、なんとかしたいこの頃。

模索中の設定

.spacemacs に以下追加。

dotspacemacs-additional-packages '(
    vue-mode
    lsp-ui
    lsp-vue
    company-lsp
)

user-configに以下追加

(require 'vue-mode)
  (add-to-list 'vue-mode-hook #'smartparens-mode)

(require 'lsp-ui)
  (require 'lsp-vue)
  (add-hook 'vue-mode-hook #'lsp-vue-mmm-enable)
  (with-eval-after-load 'lsp-ui
    (require 'lsp-ui-flycheck))

(require 'company-lsp)
  (push 'company-lsp company-backends)

グローバルにインストール

$ sudo npm install -g vue-language-server