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

2021-08-18 18:03:27 浏览数 (1)

前言

大部分和这篇文章类似,

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默认的格式化方式的快捷键

0 人点赞