Useful Information Note

解决vscode格式化vue文件出现的问题

遇到的问题:

使用vscode开发vue项目的时候,格式化vue文件,与自己配置的eslint标准会有冲突。


  • 引号问题:单引号变双引号
  • 分号问题:行末是否加分号。自动加/减分号
  • 当然还会有其他个性化冲突,只需要找到怎么修改,就好办了。


说明:

vscode格式化文件,使用的是快捷键shift + alt + f
而我安装了vetur插件来格式化vue文件。
vetur插件默认使用的是prettier来格式化代码。
prettier官网
vetur文档格式化说明:

此时,如果要改变格式化风格,那么需要自定义prettier内容。

操作流程:


  1. 安装Prettier-Code formatter插件地址
  2. 打开设置,并配置


在默认设置中找到`prettier.singleQuote`,并将其设置为true。单引号,设置为true;双引号,设置为false。 

在默认设置中找到`prettier.semi`,并将其设置为false。末尾需要分号,设置为true;不需要分号,设置为false。

保存设置。之后,再去格式化,就能达到预期的效果。

上一篇:Vue 项目中遇到的跨域问题(后台 PHP)
vscode