webstrom 适配 eslint 跟 prettier

万万没想到开箱即用的 webstorm 也有需要适配vscode+插件的一天，最近用 webstorm 发现部分 eslint 跟 prettier 没有生效，需要修改一些配置项，内容如下

一、适配 eslint

配置位于 File->settings->Language & Frameworks->JavaScript->Code Quality->Eslint，需要打开Run eslint --fix on save

二、适配 prettier

注意使用的是 Javascript 还是 Typescript, 如果项目用的是 Javascript 修改的是 Javascript的配置，如果项目用的是 Typescript 修改的是 Typescript 的配置

我改了半天 Javascript 就是没生效，恍然意识到项目是 Typescript 的

webstrom 是自带的 prettier，需要修改一些与 Airbnb 规范 有出入的地方

1. 对象前后空格

File->settings->Code Style->JavaScript->Spaces->Within

import {Components} from 'react'
=> 
import { Components } from 'react'

2. 对象换行

3. 句末添加分号