vscode使用vetur格式化代码

向settings.json中添加如下代码

{"files.autoSave": "onFocusChange","editor.formatOnSave": true,"[jsonc]": {"editor.defaultFormatter": "octref.vetur" // 定义一个默认格式化程序},"[javascript]": {"editor.defaultFormatter": "octref.vetur" // 定义一个默认格式化程序},"[vue]": {"editor.defaultFormatter": "octref.vetur" // 定义一个默认格式化程序},"vetur.format.defaultFormatterOptions": {"wrap_attributes": "force-aligned","js-beautify-html": {// - auto: 仅在超出行长度时才对属性进行换行// - force: 对除第一个属性外的其他每个属性进行换行。// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。// - force-expand-multiline: 对每个属性进行换行。// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。"wrap_attributes": "auto",// #vue组件中html代码格式化样式,可选"wrap_line_length": 120,"end_with_newline": false,"semi": true,"singleQuote": false},"prettier": {//设置分号"semi": false,//双引号变成单引号"singleQuote": true,//禁止随时添加逗号,这个很重要。找了好久//   "trailingComma": "none"}},"vetur.format.defaultFormatter.html": "js-beautify-html"
}

vscode使用vetur格式化代码相关推荐

关于vscode更新后格式化代码造成函数括号后的空格被删除，单引号变双引号问题的解决方法
前段时间做项目时遇到了语法格式的警告即究其原因是因为项目创建时选择了 ESLint 来规范代码,由于在VSCode1.7.2中替换了内置格式化插件.所以在新的项目中格式化代码后引发代码规范验证错误, ...
vscode中怎样格式化js代码_如何在Visual Studio代码（VSCode）中格式化代码
回答(30) 2 years ago 对于那些想要自定义要格式化的JavaScript文件的人,可以使用 JSfiles 属性上的任何扩展名同样适用于HTML . { "beautify.o ...
vscode配置AStyle格式化代码
伙伴们按照步骤来就可以成功,如果我写的不清楚,麻烦评论或者私信我. 一.打开vscode插件下载astyle 二.下载AStyle并配置环境 1.官网下载http://astyle.sourcefor ...
vscode如何自动格式化代码
首先在code中安装 Prettier -Code formatter[代码格式化程序]. 第二步在菜单栏中打开设置第三步在搜索条搜索settings 点击在settings.json中编辑第 ...
vscode 使用Eslint 格式化代码
在我们开发的过程中有时候会需要使用Eslint格式化代码,这时候我们就需要设置格式化的数据. 第一步:查找Eslint 并安装第二步,点击下面的设置按钮,再搜索Eslint ,选择Format:En ...
vscode使用vetur解决代码换行、格式化、常量问题
最近一直被代码换行问题困扰,没有过长内容就换行,看起来感觉很不舒服,如这么看还行,但是这样就感觉很难受(明明还有那么大的空间)==! 使用vetur 这样看起来一目了然,舒服了很多 O.O 接下来带 ...
vscode 保存自动格式化代码
settings.json文件内容 {"workbench.editor.enablePreview": false, //打开文件不覆盖"search.followSy ...
VSCode设置自动格式化代码
1.首先file->Preferences->Settings,进入配置页面 2.选择Text Editor->Formatting 勾选format on save,则写代码时,保 ...
VSCode+Astyle自动格式化代码教程(windows+linux)
一. 安装Astyle教程 linux: 终端执行指令: sudo apt install astyle 完了后什么都用做,接下来配置vscode就好 windows: 不用去官网下,太慢了,我分享的 ...

vscode使用vetur格式化代码

vscode使用vetur格式化代码相关推荐

最新文章

热门文章