在webStorm中使用prettier与eslint插件

  1. 在plugins安装好eslint,prettier插件:

在File/Settings/Plugins路径下:

在这里插入图片描述
在这里插入图片描述

  1. 设置eslint:

在这里插入图片描述

  1. 设置prettier:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

项目跟目录下新建.prettierrc.json

{
  "tabWidth": 2, // 指定每个缩进级别的空格数。默认 2
  "semi": false, //句尾不添加分号
  "singleQuote": true, //启用单引号
  "trailingComma": "none",
  "htmlWhitespaceSensitivity": "ignore", //空格被认为是不敏感的,默认值css
  "printWidth": 130, //超过多少换行, 默认 80
  "bracketSameLine": true //可防止>但独占一行
}

更多推荐