webstorm+Vue+prettier+eslint,使用prettier格式化代码不生效

  • Post author:
  • Post category:vue


当项目使用Vue+Eslint+Prettier时,发现在webstorm中并不生效,那么你来对了。不过在正式开始之前,可以阅读我的另外

一篇文章

。但是需要

注意

,如果你的webstorm是2020.2及以上版本的,那么下面的这一步就无效了。

在这里插入图片描述

首先解释一下为什么这一步无效了,这是因为webstorm从2020.2版本开始,将Pretter设置为了默认的格式化配置,因此就不需要做上面那篇文章繁琐的配置了。当然还需要你做一步:

在这里插入图片描述

如上图所示,将Prettier所对应的两个复选框勾选,并选择prettier的安装包即可。

然后到文件中,随便改个文件。再找到自己webstorm所配置的快捷键,具体如何查看自己的prettier格式化快捷键的方法如下:

在这里插入图片描述

在这里插入图片描述



版权声明:本文为weixin_42826294原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。