[工具]Prettier-格式化代码利器

简介

在写Vue时，使用Vscode默认格式化，总是把代码格式化的一团糟糕。

而使用Prettier则可以解决这个问题，该工具可以自定义代码风格，并且支持多种主流格式文件。

---

使用方法

在Vscode中，安装Prettier - Code formatter，选择下载量最高的安装。

然后需要在你的项目根目录中，新建一个配置文件：.prettierrc文件。

接着需要在该文件中，配置你的代码风格，可以去prettier官网配置代码风格，在官网配置好了之后，点击左下角的Copy config Json将你的代码风格进行复制，然后粘贴到你的配置文件中去即可。

这是我选择的配置，可以进行参考。

{
    "arrowParens": "always",
    "bracketSameLine": false,
    "bracketSpacing": true,
    "embeddedLanguageFormatting": "auto",
    "htmlWhitespaceSensitivity": "css",
    "insertPragma": false,
    "jsxSingleQuote": false,
    "proseWrap": "preserve",
    "quoteProps": "as-needed",
    "requirePragma": false,
    "semi": true,
    "singleQuote": false,
    "tabWidth": 4,
    "trailingComma": "es5",
    "useTabs": true,
    "vueIndentScriptAndStyle": false,
    "printWidth": 100
}