记得刚开始学习前端的时候，vscode的配置都是网上找找抄抄，尤其是vscode插件的配置。
一些增强vscode的自身的插件开箱即用，稍微配置一下就行。但是和项目相关的一些插件比如
prettier、eslint这些，只是抄了配置，却不懂其中的原理。当自己改的时候就会碰的一头灰。

今天，就从vscode的配置prettier出发，重新学习prettier的配置。

prettier本身是一个命令行工具，提供了一些命令来格式化代码。vscode的插件在项目中没有安装prettier
也能格式化代码的原因就是插件本身带有prettier插件。

而我们在项目中安装的prettier包则是为了配合npm命令来使用。

需要明确的一点是，vscode的prettier插件和项目中的prettier包是两个独立的插件。彼此之间
没有必须依赖的关系。如果只是为了格式化代码，你可以只安装vscode的prettier插件。vscode的prettier
插件会根据如下的配置优先级来格式化代码：

  1. prettier 配置文件
  2. .editorconfig
  3. vscode的配置

注意，如果项目本地有任何的配置文件，那么vscode的配置则不会被使用

vscode本身也提供了代码格式化功能，这个功能主要是通过配置vscode的formatter来实现的。
当你在vscode中安装了prettier插件，则自动注册了prettier这个formatter。这样，你就
可以在vscode中使用prettier了。

如果在使用eslint和prettier配置的时候规则冲突了，按照prettier官方的推荐，可以安装eslint-prettier-config插件

1
npm install --save-dev eslint-prettier-config

并配置eslint

1
2
3
4
5
6
{
  "extends": [
    "some-other-config-you-use",
    "prettier"
  ]
}

这样，便可以关闭掉所有有冲突的规则。