vscode格式化

关键字： prettier setting.json

一、 vscode添加prettier插件后出现自动加分号、逗号、双引号问题

• 打开setting.json (caps + cmd + p) setting.json

• 加入以下配置：

    "prettier.singleQuote": true,  // 代码行后面需不需要生成分号
    "prettier.trailingComma": "none", // 在任何可能的多行中输入尾逗号
    "prettier.semi": false // 需不需要把双引号格式化成单引号

• 保存自动格式化

    "editor.formatOnSave": true

二、.vue文件中template里的html代码，会因为标签内的属性稍有超出就出现换行

"[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto",
        }
    }

三、vue-cli创建项目，也会出现自动加分号、逗号、双引号问题

在package.json中加入

"prettier": {
    "eslintIntegration": true,
    "singleQuote": true,
    "semi": false,
    "trailingComma": "none"
  },