web-mode下.vue文件原来也是可以用flycheck+eslint的

Emacs-general
1

以前一直觉得，react可以用js2-mode，当然可以用flycheck+eslint，vue的话因为.vue文件里有html和css，eslint解析不了吧？今天试了一下发现并非如此，大佬们写个插件就好了。

那么分享一下配置tips：

  • 安装eslint、eslint-plugin-vue，注意如果是全局的eslint而非当前project，plugin也要装到全局，虽然这个错应该也只有我会犯了。。
  • 按上面plugin的readme里配置.eslintrc.js / .eslintrc.json。
    • 注意打开后默认branch是beta，如果按这个配置，npm install要用...@beta。
    • eslintrc.js的extends里面除了'plugin:vue/recommended'也要加上eslint:recommend之类，vue-plugin本身好像不涉及js的规则。
  • 告诉flycheck，eslint可以在web-mode里面用：(flycheck-add-mode 'javascript-eslint 'web-mode)
1 个赞