【vue项目】 保存代码,单引号变双引号行尾加分号
问题:vue项目中,当保存代码时,js文件中的单引号自动变成双引号,并且自动添加分号,逗号。原因:Vetur插件主动识别vue文件,原本vetur自带格式化功能,但是和eslint会有冲突,所以我们在项目中会关闭vscode的自动格式化功能。解决方法:打开 vscode ,在设置中找到 settings.json 文件并打开。/* 关闭编辑器自带保存格式化功能,此功能会用Vetur进行格式化。*/
·
问题:
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保留
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)