Plugins 如何在VS代码中设置Vue文件格式?
你好 我已经安装了“Vetur”插件。我的Vue文件有很好的特性(语法高亮显示、代码段、Emmet、格式化、自动完成、调试)。 但我不明白如何编辑格式设置! 它从以下内容转换我的代码:Plugins 如何在VS代码中设置Vue文件格式?,plugins,vue.js,visual-studio-code,Plugins,Vue.js,Visual Studio Code,你好 我已经安装了“Vetur”插件。我的Vue文件有很好的特性(语法高亮显示、代码段、Emmet、格式化、自动完成、调试)。 但我不明白如何编辑格式设置! 它从以下内容转换我的代码: var map = { q:"й",w:"ц",e:"у",r:"к",t:"е",y:"н",u:"г",i:"ш",o:"щ",p:"з",a:"ф",s:"ы",d:"в", 为此: var map = { q: "й", w: "ц", e: "у", r: "к", t: "е",
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使用Pretter格式化js代码。您可以看到如何配置它。所有的选择都很漂亮。但据我所知,没有办法在prettier中调整对象字段定义的包装行为。更简单的方法是安装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"
}
在编辑器中使用Ctrl+E、Ctrl+D和Ctrl+F组合来格式化代码。用于配置Vetur的链接已过时。