vscode 2023格式化vue文件设置-Toy模板网

这篇具有很好参考价值的文章主要介绍了vscode 2023格式化vue文件设置。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

//  通用设置
{
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.mouseWheelZoom": true,
  "editor.snippetSuggestions": "top",
  // 全局格式化
  "prettier.semi": false,
  "prettier.printWidth": 120,
  "prettier.trailingComma": "none",
  "prettier.singleQuote": true,
  "prettier.arrowParens": "avoid",
  // 软件界面
  "workbench.sideBar.location": "left",
  "workbench.productIconTheme": "fluent-icons",
  "workbench.startupEditor": "none",
  "workbench.layoutControl.enabled": false,
  "workbench.iconTheme": "material-icon-theme-wechat",
  "window.commandCenter": false,
  "window.zoomLevel": 1,
  "breadcrumbs.enabled": true,
  "workbench.colorTheme": "Default Dark+",
  // git
  "git.enableSmartCommit": true,
  "git.confirmSync": false,
  // 小程序格式化，高亮
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  // AI
  "codeium.enableCodeLens": false,
  "codeium.enableConfig": {
    "*": true,
    "properties": true
  }
  // 自定义设置
}

// vetur格式化
// "vetur.format.defaultFormatter.html": "js-beautify-html",
// #vue组件中html代码格式化样式
// "vetur.format.defaultFormatterOptions": {
//   "js-beautify-html": {
//     "wrap_attributes": "force-aligned" // 属性分行对齐
//     //  "wrap_attributes": "auto" // 属性在一行显示
//     // "wrap_attributes": "force",
//     // "wrap_attributes": "force-aligned",
//     // "wrap_attributes": "force-expand-multiline"
//   }
// }

// prettier格式化
// 配置项文档：https://prettier.io/docs/en/configuration.html
// .prettierrc
// {
//   trailingComma: 'none',
//   singleQuote: true,
//   semi: false,
//   arrowParens: 'avoid',
//   printWidth: 120
// }