prettier格式化js文件，无需prettierrc文件，只用settings.json就可生效的配置

最新推荐文章于 2024-05-30 11:17:35 发布

Combarbala

最新推荐文章于 2024-05-30 11:17:35 发布

阅读量1.2k

点赞数

文章标签： javascript json 前端 vue

本文链接：https://blog.csdn.net/Combarlala/article/details/125853710

版权

"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // 配置全局prettier设置，此处基本只针对于js文件，vue文件在下面单独配置
  "prettier.useEditorConfig": false, // 此项最重要！！！是否使用prettierrc文件格式化，若为true，则settings.json中的配置在js文件中无效
  "prettier.trailingComma": "none",
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.printWidth": 120,
  "prettier.tabWidth": 2,
  "prettier.arrowParens": "avoid",
  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  "vetur.format.defaultFormatter.js": "prettier", //让vue中的js按编辑器自带的ts格式进行格式化
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned" //属性强制折行对齐
    },
    // 此处配置只针对于vue文件
    "prettier": {
      "semi": false,
      "singleQuote": true,
      "printWidth": 80,
      "tabWidth": 2,
      "arrowParens": "avoid",
      "trailingComma": "none"
    }
  },