简介: VScode格式化vue文件--避免html属性换行 前后对比 一、插件 安装Beautify和Vetur插件 二、编辑Beautify配置文件 html里边增"vue" "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeautify" ] }, "css": [ "css", "scss" ], "html":...
VScode 格式化html属性不换行 1,点击设置,开发菜单栏选择扩展 选择插件同理 2,找到 Vetur扩展设置 3,在用户找到 4,加上如下代码 "vetur.format.defaultFormatter.html": "js-beautify-html", 1. "js-beautify-html": { "wrap_line_length": 220, "wrap_attributes": "auto", "end_with_newline": false...
打开file(文件)--->preferences(首选项)--->settings(设置),搜索vetur.format.defaultFormatter.html会出现下面选项 默认是prettier模式 把选项置为js-beautify-html即可。 在想要格式化的页面按快捷键:shift alt f
vscode格式化html标签属性不换行(vetur插件) 左下角管理点开,选择设置。在用户设置下找到vetur,打开settings.json 放入下面的配置保存: "vetur.format.defaultFormatter.html":"js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length":120, "wrap_attributes":"a...
"when":"$(basename).ts"//ts编译后生成的js文件将不会显示在工作空中 }, "**/node_modules":true }, // #让vue中的js按"prettier"格式进行格式化 "vetur.format.defaultFormatter.html":"js-beautify-html", "vetur.format.defaultFormatter.js":"prettier", ...
在setting.json中 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 { "vetur.format.defaultFormatter.js":"vscode-typescript", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes":"force-expand-multiline",
可在 setting 中配置不使用 editorConfig 的配置。settings -> 搜索 editorConfig -> Prettier: Use Edit Config,置为 false。 快捷键格式化 vue 文件的时候,会提示有两个格式化插件,让选一个,应选择 vetur,才能与 setting.json 文件中的配置相适用(主要是 js-beautify-html)。
"js-beautify-html": { "wrap_attributes":"auto" }, "prettyhtml": { "printWidth": 160, "singleQuote":false, "wrapAttributes":false, "sortAttributes":false } }, "search.followSymlinks":false, "git.autorefresh":false, "explorer.confirmDelete":false, ...
设置–>插件–>Beautify config—>settings.json "editor.formatOnSave":true,//保存后自动格式化"beautify.language":{"js":{"type":["javascript","json"],"filename":[//可以在项目中单独添加配置文件".jshintrc",".jsbeautify"]},"html":["html","vue"]} ...
// Beautify插件设置"[javascript]":{"editor.defaultFormatter":"HookyQR.beautify"},"[html]":{"editor.defaultFormatter":"HookyQR.beautify"},"javascript.updateImportsOnFileMove.enabled":"always","beautify.config":"","beautify.language":{"html":["htm","html","vue"],"js":{"type":["javascri...