2021-08-16 Vue2中使用eslint+prettier+webstorm

前言

大部分和这篇文章类似，

Webstorm+vue+eslint+prettier融合问题 - 迷思雨 - 无道 (misiyu.cn)

只不过上面这篇是vue3+ts的，配置稍显复杂。

背景

这是一个vue2项目，使用的vue-cli脚手架搭建的，当时只选择了eslint，没有prettier

这次主要是加上prettier

yarn add  eslint-config-prettier eslint-plugin-import -D

然后

.eslintrc.js

添加：

 extends: ['plugin:vue/essential', '@vue/standard', 'plugin:prettier/recommended'],

添加最后一项：plugin:prettier/recommended

然后就好了。

webstorm

多说一嘴：webstorm记得配置prettier的格式化快捷键，不要使用webstorm默认的格式化方式的快捷键