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"
  },
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容