前言
大部分和这篇文章类似,
Webstorm vue eslint prettier融合问题 - 迷思雨 - 无道 (misiyu.cn)
只不过上面这篇是vue3 ts的,配置稍显复杂。
背景
这是一个vue2项目,使用的vue-cli脚手架搭建的,当时只选择了eslint,没有prettier
这次主要是加上prettier
代码语言:javascript复制yarn add eslint-config-prettier eslint-plugin-import -D
然后
.eslintrc.js
添加:
代码语言:javascript复制 extends: ['plugin:vue/essential', '@vue/standard', 'plugin:prettier/recommended'],
添加最后一项:plugin:prettier/recommended
然后就好了。
webstorm
多说一嘴:webstorm记得配置prettier的格式化快捷键,不要使用webstorm默认的格式化方式的快捷键