详解vscode中如何格式化vue文件

当前第2页 返回上一页

文件内容如上，其中有些参数要重点说明下。

• brace_style，格式风格，详见官方说明（为避免和eslint默认检查冲突，建议此属性设置为 none,preserve-inline）
• indent_size，缩进长度（为避免和eslint默认检查冲突，建议此属性设置为 2）
• indent_char，缩进填充的内容（充满♂）
• jslint_happy:true，若你要搭配jslint使用，请开启此选项
• unformatted:["a","pre"]，这里放不需要格式化的标签类型。注意template也是默认不格式化的，.vue的template标签如果需要格式化请在.jsbeautifyrc重新定义不带template的声明属性。

.jsbeautifyrc配置官方文档地址：Click here

2.启用保存时自动

在VSCode的配置文件里添加editor.formatOnSave:true即可实现保存时自动格式化

ps : 为了操作方便可以自定义快捷键

1. 快捷键设置步骤

2. 自定义快捷键

ps: 要想修改编辑器自定义的快捷键点这里直接输入键位即可

更多编程相关知识，请访问：编程视频！！

以上就是详解vscode中如何格式化vue文件的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

vscode开启智能提示

vscode如何关闭eslint语法检查

vscode如何打开终端

vscode git怎么用

vscode不能编辑文件怎么办

vscode是免费的吗

vscode常用插件有哪些？

vscode的配置如何迁移到新电脑

vscode怎么创建css文件

如何使用code-server打造自己的云端vscode？

更多相关阅读请进入《vue-beautify》频道 >>

转载请注明出处：木庄网络博客 » 详解vscode中如何格式化vue文件