Prettier 格式化

安装 Prettier

npm install --save-dev prettier

配置 Prettier

在项目根目录下创建 .prettierrc 文件，并添加以下配置：

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "arrowParens": "always",
  "endOfLine": "lf",
  "proseWrap": "preserve",
  "htmlWhitespaceSensitivity": "css",
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "quoteProps": "as-needed",
  "vueIndentScriptAndStyle": false
}

运行 Prettier

在终端中运行以下命令来格式化文件：

npx prettier --write src/views/ctc/storage/index.vue
npx prettier --write src/views/ctc/picking/index.vue

使用 VSCode 设置

1. 打开 VSCode 的设置（Ctrl + ,）。
2. 搜索 editor.formatOnSave 并启用它。
3. 搜索 files.trimTrailingWhitespace 并启用它。
4. 搜索 files.insertFinalNewline 并启用它。

安装 Prettier 插件

1. 打开扩展市场（Ctrl + Shift + X）。
2. 搜索 Prettier - Code formatter 并安装它。
3. 在设置中搜索 Prettier 并确保它被设置为默认格式化工具。

这样就可以了