mac下 webstorm使用prettier

网上找的几个例子不太全面，结合官方例子，我做个翻译吧

首先，要使用prettier，先推荐全局安装 npm i -g prettier

官方网站：https://prettier.io/docs/en/webstorm.html#running-prettier-on-save-using-file-watcher

In older IDE versions, select Custom and do the following configuration:

Name: Prettier or any other name

（名称就写prettier）

File Type: JavaScript (or Any if you want to run prettier on all files)

（选择想要编译的文件，建议选择Any）

Scope: Project Files
(照写)

Program: full path to .bin/prettier or .bin\prettier.cmd in the project’s node_module folder. Or, if Prettier is installed globally, select prettier on macOS and Linux or C:\Users\user_name\AppData\Roaming\npm\prettier.cmd on Windows (or whatever npm prefix -g returns).

（这个在mac中直接输入prettier，在win下，输入C:\Users\user_name\AppData\Roaming\npm\prettier.cmd）

Arguments:

--write [other options] $FilePathRelativeToProjectRoot$
（我配置的是，--write --no-semi  $FilePathRelativeToProjectRoot$ ，write前面是两个小横线,semi是分号，不另行加分号）

Output paths to refresh:

 $FilePathRelativeToProjectRoot$
（照写）

Working directory:

 $ProjectFileDir$
 （注意，需要把working directory点开，配置）

Auto-save edited files to trigger the watcher: Uncheck to reformat on Save only.

自动保存已编辑的文件以触发观察者：取消选中仅在保存时重新格式化。