如何在VS代码中设置Vue文件格式？

Question

美好的一天。

我安装了“Vetur”插件。我的Vue文件功能很好（语法高亮，Snippet，Emmet，格式化，自动完成，调试）。 但我不明白如何编辑格式设置！ 它改变了我的代码：

var map = {
q:"й",w:"ц",e:"у",r:"к",t:"е",y:"н",u:"г",i:"ш",o:"щ",p:"з",a:"ф",s:"ы",d:"в",

到那个：

var map = {
  q: "й",
  w: "ц",
  e: "у",
  r: "к",
  t: "е",
  y: "н",
  u: "г",
  i: "ш",
  o: "щ",

如何编辑该行为？

Answer 1

Vetur使用更漂亮的格式化js代码。您可以看到如何配置它here。所有更漂亮的选项都是here。但据我所知，没有办法在更漂亮的情况下调整对象字段定义的包装行为。

Answer 2

更简单的方法是安装vetur octref.vetur扩展名，然后添加.vscode> settings.json并添加以下内容

{
    "editor.defaultFormatter": "octref.vetur",
    "vetur.format.defaultFormatter.html": "prettier",
    "vetur.format.defaultFormatter.css": "prettier",
    "vetur.format.defaultFormatter.postcss": "prettier",
    "vetur.format.defaultFormatter.scss": "prettier",
    "vetur.format.defaultFormatter.less": "prettier",
    "vetur.format.defaultFormatter.stylus": "stylus-supremacy",
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatter.ts": "prettier"
}