Vue格式化问题

作者: 不返y | 来源:发表于2024-03-22 09:51 被阅读0次

    在本人在学习用vs code写Vue项目时,发现Vetur插件无法进行Vue文件的格式。于是在网上找了各种方案希望解决,但是也都和我的情况不一致。最后我发现的是我的IntelliJ IDEA Keybindings插件和Vue - Official插件与原本的Veutr插件产生了些许冲突。


    1. 快捷键冲突

    本人在使用Vue前使用了idea软件,所以添加了IntelliJ IDEA Keybindings插件辅助同步快捷键。在idea里面格式化的快捷键是 Ctrl+Alt+L ,而最近不知如何 腾讯QQ 在我更新后自动添加了快捷键 Ctrl+Alt+L 为锁定QQ ,导致在vs code中不能使用快捷键格式化。

    解决方法:更改 QQ 或 vs code 快捷键设置,在这里我更改的是 QQ 的快捷键。(直接把QQ的锁定快捷键删除)

    qq


    2. 格式化选择冲突

    在解决了快捷键冲突问题后,我发现普通的文件可以格式化了,但是vue文件仍然无法正常格式化,原因是Vetur格式化插件与vs code推荐的Vue插件 Vue - Official格式化冲突。

    在我这里进行格式化的时候,会默认使用 Vue - Official 格式化,而这个插件对Vue文件貌似没有格式化的要求,不会进行格式化(真的不知道这个插件格式化有什么用)。

    最后的解决方法:

    2.1 禁用Vue - Official 插件

    最简单,直接禁用就行,Vue - Official 插件和Vetur貌似有很多地方冲突,但是我是真的不知道它有什么用,感觉不用他也可以。所以直接删除就行了。

    2.2 配置默认格式化程序

    当然要是因为什么原因有多个格式化文档方法的话,可以为当前文件配置默认格式化的插件,直接在程序中右键菜单选择Format Document With..

    然后选择Configure Default Formatter...配置默认格式化,再直接选择Vetur即可。

    相关文章

      网友评论

        本文标题:Vue格式化问题

        本文链接:https://www.haomeiwen.com/subject/nqgqtjtx.html