Skip to content

VS Code Vetur 插件格式化代码时去除行末的分号

🏷️ Visual Studio Code

Vetur 默认格式话时行末会添加分号 ; , 现在大多数的项目中默认都是不加分号的,导致格式化后代码风格不统一。

参考这篇博客,在配置文件中添加如下配置即可把默认的分号去掉。另外一个配置项 singleQuote 是用来配置是否使用单引号来表示字符串字面量,默认是使用双引号的。

json
{
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false,
            "singleQuote": true
        }
    }
}

格式化示例(快捷键:Alt + Shift + F),格式前代码如下:

javascript
    addRow() {
      let req = { ...this.ent };
      Add(req).then((res) => {
        this.$message({
          message: "保存成功",
          type: "success",
        });
        this.loadData();
        this.close();
      });
    },

格式化后代码:

javascript
    addRow() {
      let req = { ...this.ent }
      Add(req).then((res) => {
        this.$message({
          message: '保存成功',
          type: 'success',
        })
        this.loadData()
        this.close()
      })
    },