webstorm如何配置prettier保存自动格式化

2,471 阅读1分钟

前提:用webstorm用习惯了,就研究了下此编辑器保存自动格式化 我目前用的版本是比较低级的版本2018.2的版本

一、安装prettier,有两种方法:

方式一: 直接webstorm插件安装 image.png 方式二: npm install --global prettier

二、配置prettier

如下图,图片中为什么有两个选项,因为我当前项目也安装了perttier,可自行选择,一般可以本项目安装,防止其他小伙伴协作的时候没有全局安装prettier,导致其配置文件不生效的情况

image.png

三、配置保存自动格式化

webtorm-file-settings image.png

添加prettier时按照以下图片配置即可

image.png

添加完成后勾选应用即可!

配置完成,是不是很简单!!!