prettier

prettier - vscode 保存代码自动格式化插件

  • 安装自行百度,只需要在 vscode 插件里搜索 prettier,安装即可

配置保存文件时自动格式化

vscode 配置文件 settings.json 中加入: "editor.formatOnSave": true,

配置保存时HTML标签不自动换行

在安装并配置保存自动格式化后

会发现其保存 vue 代码是,会把标签自动换行,就导致无法正常折叠标签来控制展示的 HTML 层级了,个人觉得非常不能接受

具体步骤参考博客 => VScode vue后缀文件 设置 html 属性不换行

我改动的参数(其他默认)

  • "vetur.format.defaultFormatter.html": "js-beautify-html"
  • "wrap_attributes": "auto"
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    }
  }

接下来,愉快的写代码吧~

原文地址:https://www.cnblogs.com/suwanbin/p/13583717.html