How to Set up Vue Files Formatting in vs Code?
Good Day. I Have Installed the "Vetur" Plugin. and I Have Nice Features for My Vue Files (Syntax-Highlighting, Snippet, Emmet, Formatting, Auto Completion...
Good day.
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:"в",
to that:
var map = {
q: "й",
w: "ц",
e: "у",
r: "к",
t: "е",
y: "н",
u: "г",
i: "ш",
o: "щ",
How can I edit that behavior?
2 Answers
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"
}
Alexander Ross has covered the video game industry for a decade, writing deep dives on game design, esports tournaments, VR developments, and gaming culture.
