webstorm配置Prettier

webstorm配置Prettier
配置好prettier发现vue文件并没有格式化代码，原因就是webstorm默认没有支持，现配置之。

1、在插件市场下载prettier

2、点击setting找到Languages&Frameworks点击打开找到Prettier，在Prettier package里选择prettier包并添加vue，最后视情况勾选On Save选项或On “Reformat Code” action选项。

{**/*,*}.{js,ts,jsx,tsx,vue}

 

3、写代码时用format快捷键保存即可。

一些我自己在使用的配置
.prettierrc文件

{
"useTabs": false,
"tabWidth": 4,
"printWidth": 120,
"singleQuote": true,
"trailingComma": "none",
"semi": false
}