代码格式化工具——Prettier

代码格式化工具——Prettier - Code formatter

安装2个Prettier相关依赖

npm install --save-dev --save-exact prettier
npm install eslint --save-dev

进行Prettier相关配置

创建位置

# 1.格式化配置文件
.prettierrc.json
-------------------------
{
  "arrowParens": "always",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "semi": true,
  "experimentalTernaries": false,
  "singleQuote": false,
  "jsxSingleQuote": false,
  "quoteProps": "as-needed",
  "trailingComma": "all",
  "singleAttributePerLine": false,
  "htmlWhitespaceSensitivity": "css",
  "vueIndentScriptAndStyle": false,
  "proseWrap": "preserve",
  "insertPragma": false,
  "printWidth": 200,
  "requirePragma": false,
  "useTabs": false,
  "embeddedLanguageFormatting": "auto",
  "tabWidth": 2
}
-------------------------

配置官网：https://prettier.io/playground

# 2.忽略格式化文件
.prettierignore
-------------------------
node_modules
dist
-------------------------

最后，在勾选Editor：Format On Save【保存时格式化】