如何在VS Code中设置Vue文件格式? [英] How to set up Vue files formatting in VS Code?

问题描述

美好的一天.

我已经安装了"Vetur"插件.我的Vue文件具有不错的功能(语法突出显示，摘要，Emmet，格式化，自动完成，调试). 但是我不明白如何编辑格式设置！ 它从这里转换我的代码:

I have installed the "Vetur" plugin. And I have nice features for my Vue files (Syntax-highlighting, Snippet, Emmet, Formatting, Auto Completion, Debugging). But I do not understand how to edit formatting settings! it transforms my code from this:

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: "щ",

我该如何编辑该行为?

推荐答案

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

Easier method is to install vetur octref.vetur extension and then add a .vscode>settings.json with following

{
    "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"
}

这篇关于如何在VS Code中设置Vue文件格式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！