vscode配置Volar对vue3的格式化支持
通过项目vscode编辑器配置通过volar来保存时自动进行格式化
·
起因
在浏览vue的官方文档时,看到了一句Volar VSCode 插件为 Vue SFC 提供了开箱即用的格式化功能,官方推荐的,立马试试
方法一
在vscode中启用volar时,鼠标右键会显示使用…进行格式化
选择volar
方法二
通过项目vscode编辑器配置来保存时自动进行格式化
在项目根目录下创建以下文件并配置
.vscode/settings.json
{
"[vue]": {
"editor.formatOnSave": true,
"editor.defaultFormatter": "Vue.volar"
}
}
自动保存时会按照volar进行格式化
(ps: 其实提供的格式化相当有限,比如限定单引号啥的都没有,想要完整功能还是得上eslint+prettier)
更多推荐
已为社区贡献1条内容
所有评论(0)