前言

在使用vscode格式化vue代码时,出现单引号变成了双引号问题,还自动加分号(导致和EsLint要求不一致),来看看怎么解决它!

一、第一种方式,安装了vetur插件

  1. 打开vscode的设置,搜索vetur,选择在setting.json中编辑。

    TIM图片20200327130645

  2. 添加以下代码:

    "vetur.format.defaultFormatterOptions": {
       "prettier": {
         "semi": false,
         "singleQuote": true
       }
     }
    

    TIM截图20200327130901

二、第二种方式,添加配置文件

在项目根目录下新建文件:.prettierrc.json

内容是:

{
    "singleQuote":true,
    "semi":false
}

ok,问题解决!

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐