问题:

vue项目中,当保存代码时,js文件中的单引号自动变成双引号,并且自动添加分号,逗号。

原因:

Vetur插件主动识别vue文件,原本vetur自带格式化功能,但是和eslint会有冲突,所以我们在项目中会关闭vscode的自动格式化功能。

解决方法:

打开 vscode ,在设置中找到 settings.json 文件并打开。

/* 关闭编辑器自带保存格式化功能,此功能会用Vetur进行格式化。*/
"editor.formatOnSave": false,
"vetur.format.defaultFormatter.js": "vscode-typescript", // js 使用 typescript 
// vue中标签内的多个属性自动换行 
"vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false, // 格式化不加分号
      "singleQuote": true, // 格式化以单引号为主
      "arrowParens": "avoid",
      "bracketSpacing": true,
      "proseWrap": "preserve" // 代码超出是否要换行 preserve保留
    }
}

Logo

前往低代码交流专区

更多推荐