vscode格式化vue代码

最新推荐文章于 2024-10-06 11:22:09 发布

weem

最新推荐文章于 2024-10-06 11:22:09 发布

阅读量292

点赞数 1

本文链接：https://blog.csdn.net/weixin_43389084/article/details/110931258

版权

安装 vetur Prettier - Code formatter Beautify 三种插件
直接上图

3.

//在settings.json写
{
  "editor.codeActionsOnSave": null,
  "workbench.colorTheme": "Solarized Dark",
  "workbench.iconTheme": "vscode-icons",
  "vetur.format.options.tabSize": 4,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.format.defaultFormatterOptions": {
  
    "js-beautify-html": {
      "wrap_attributes": "auto"
    },
    "prettier": {
      "semi": false,   
      "singleQuote": true 
  }
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}