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

无道 2021-08-16 0 条评论 前端相关 阅读195 手机阅读

前言

大部分和这篇文章类似,

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

image-20210816201524486

全文完 [
有帮助?打赏
支付宝打赏
微信打赏
]
修改: 08月16日 20:16
这篇文章还没有评论呢~
点击刷新/生成验证码