遇到的问题
使用vscode开发vue项目的时候,格式化vue文件,与自己配置的eslint标准会有冲突。
- 引号问题:单引号变双引号
- 分号问题:行末是否加分号。自动加/减分号
- 当然还会有其他个性化冲突,只需要找到怎么修改,就好办了。
说明
vscode格式化文件,使用的是快捷键shift + alt + f
而我安装了vetur
插件来格式化vue文件。
vetur
插件默认使用的是prettier
来格式化代码。
prettier官网
vetur文档格式化说明:
此时,如果要改变格式化风格,那么需要自定义prettier
内容。
操作流程
- 安装Prettier-Code formatter插件地址
- 打开设置,并配置
在默认设置中找到`prettier.singleQuote`,并将其设置为true。单引号,设置为true;双引号,设置为false。
在默认设置中找到`prettier.semi`,并将其设置为false。末尾需要分号,设置为true;不需要分号,设置为false。
保存设置。之后,再去格式化,就能达到预期的效果。
[完]