Emacs の web-mode で vue 書くのにシンタックスチェックしてほいしい場合のメモ

追記2018-07-19: これイマイチなのでやり直した

• 続 Emacs の web-mode で vue 書くのにシンタックスチェックしてほいしい場合のメモ - 牌語備忘録 -pygo

下記は使わないけど記録として残しておく

前提

Emacs に flycheck 入れて設定しておく

jsのライブラリインストール

とりあえずここでは -g して global にいれちゃう

$ npm install -g eslint eslint-plugin-vue

なんか依存が云々

$ npm -g install eslint-plugin-vue
npm WARN eslint-plugin-vue@4.5.0 requires a peer of eslint@^3.18.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN vue-eslint-parser@2.0.3 requires a peer of eslint@>=3.9.0 but none is installed. You must install peer dependencies yourself.

+ eslint-plugin-vue@4.5.0

$ npm ls -g --depth=0 でライブラリインストールされてるか確認。無ければインストール（vue-eslint-parser が入ってなかった）

$ npm -g install vue-eslint-parser

.eslintrc

extendsに "plugin:vue/recommended" 追加する

  "extends": [
    "eslint:recommended",
    "plugin:vue/recommended"
  ],

init.el

  (flycheck-add-mode 'javascript-eslint 'web-mode)
  (add-hook 'web-mode-hook 'flycheck-mode)

リンク

• GitHub - vuejs/eslint-plugin-vue: Official ESLint plugin for Vue.js
• Vue.js ESLint Demo