简介: VScode格式化vue文件--避免html属性换行 前后对比 一、插件 安装Beautify和Vetur插件 二、编辑Beautify配置文件 html里边增"vue" "beautify.language": { "js": { "type": [ "javascript", "json" ], "filename": [ ".jshintrc", ".jsbeautify" ] }, "css": [ "css", "scss" ], "html":...
auto:仅在超出行长度时才对属性进行换行。 force:对除第一个属性外的其余每个属性进行换行。 force-aligned:对除第一个属性外的其余每个属性进行换行,并放弃对齐。 force-expand-multiline:对每个属性进行换行。 aligned-multiple:当超出折行长度时,将属性进行垂直对齐。
其实去看下prettier的设置就好，不需要将vetur.format.defaultFormatter.js改成vscode-typescript"prettier....
//对属性进行换行。//-auto:仅在超出行长度时才对属性进行换行。//-force:对除第一个属性外的其他每个属性进行换行。//-force-aligned:对除第一个属性外的其他每个属性进行换行,并保持对齐。//-force-expand-multiline:对每个属性进行换行。//-aligned-multiple:当超出折行长度时,将属性进行垂直对齐。"vetur.f...
一:VSCODE 选择 文件->首选项->设置 二:搜索 vetur.format.defaultFormatterOptions 三:点击settings.json 四:添加如下设置 "vetur.format.defaultFormatterOptions": {"js-beautify-html": { "wrap_line_length": 900, // 数值越大,一行放的属性越多 ...
设置VSCode VUE标签属性不换行 1、打开 文件 --> 首选项 --> 设置2、在设置里搜索 vetur.format,项较多,向下滑动找到 在 setting.json 中编辑 按钮 点进去3、更改 js-beautify-html 中的 内容"wrap_attributes": "vetur.format.defaultFormatter.htm" 注释掉改...
1、进入管理 2、输入 settings,选择 Preferences:Open Settings (JSON) 3、加入内容 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "vscode-typescript", //js不换行 "vetur.format.defaultFormatter.ts": "vscode-typescript", // ts不换行 ...
这是因为在VSCode1.7.2中替换了内置格式化插件。解决办法是在VScode设置(setting.json)中,配置如下规则 { "prettier.singleQuote": true, "prettier.semi": false, "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "wrap_attributes": "force-aligned" } }...
vscode 中 格式化 vue 如何不自动换行 Baran 40322434 发布于 2017-12-08 目前格式化的时候经常会自动换行eg:return wepy.chooseImage({ count: 1, sizeType: "original" }).then(res => res.tempFilePaths[0]); 会被格式化为return wepy .chooseImage({ count: 1, sizeType: "original" }) .then(res ...