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

遇到的问题

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

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

说明

vscode格式化文件,使用的是快捷键shift + alt + f
而我安装了vetur插件来格式化vue文件。
vetur插件默认使用的是prettier来格式化代码。
prettier官网
vetur文档格式化说明:
解决vscode格式化vue文件出现的问题_第1张图片

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

操作流程

  1. 安装Prettier-Code formatter插件地址
  2. 打开设置,并配置
    解决vscode格式化vue文件出现的问题_第2张图片
在默认设置中找到`prettier.singleQuote`,并将其设置为true。单引号,设置为true;双引号,设置为false。
在默认设置中找到`prettier.semi`,并将其设置为false。末尾需要分号,设置为true;不需要分号,设置为false。

解决vscode格式化vue文件出现的问题_第3张图片

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

转载于:https://www.cnblogs.com/weiqinl/p/8871826.html

你可能感兴趣的:(解决vscode格式化vue文件出现的问题)