首先打开文件>首选项>设置 然后找到选项用户>扩展>Vetur,如果没有Vetur,主要自行安装下Vetur拓展,看到右侧内容,点最下面的settings.json 添加如下自定义配置,如果和原有属性重复冲突,可以根据情况,将原始属性注释 "vetur.format.defaultFormatter.html":"js-beautify-html","editor.wordWrap":"off","vetur.format.def...
简介: 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....
一:VSCODE 选择 文件->首选项->设置 二:搜索 vetur.format.defaultFormatterOptions 三:点击settings.json 四:添加如下设置 "vetur.format.defaultFormatterOptions": {"js-beautify-html": { "wrap_line_length": 900, // 数值越大,一行放的属性越多 ...
vscode 中 格式化 vue 如何不自动换行目前格式化的时候经常会自动换行eg:returnwepy.chooseImage({count:1,sizeType:"original" }).then(res=>res.tempFilePaths[0]); 会被格式化为 returnwepy .chooseImage({ count:1, sizeType:"original" }) .then(res=>res.tempFilePaths[0]); 如何才能关掉自动换行的呢?
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" } }...
默认格式化的 属性自动换行,导致一个文件千百行 ,看着不舒服,最关键的是标签无法折叠了,这是最不能忍的 image.png 打开设置 image.png 搜索vetur.format image.png 编辑setting.json文件 image.png {"window.zoomLevel":1,"files.associations":{"*.wpy":"vue","*.cjson":"jsonc","*.wxss":"css","*...