在webStorm中使用prettier与eslint插件

在webStorm中使用prettier与eslint插件

1. 在plugins安装好eslint，prettier插件：

在File/Settings/Plugins路径下：

2. 设置eslint：

3. 设置prettier：

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

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