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

以前一直觉得,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要用[email protected]
    • eslintrc.jsextends里面除了'plugin:vue/recommended'也要加上eslint:recommend之类,vue-plugin本身好像不涉及js的规则。
  • 告诉flycheck,eslint可以在web-mode里面用:(flycheck-add-mode 'javascript-eslint 'web-mode)
1 个赞