新版vscode(^1.41.0)下JavaScript代码格式化冲突问题
分析配置{"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"eslint.format.enable": true,"eslint.validate": ["javascript","vue","html"]}本地还有vue格式化的插件vetur,默认...
·
分析配置
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.format.enable": true,
"eslint.validate": [
"javascript",
"vue",
"html"
]
}
本地还有vue格式化的插件vetur,默认配置。
对JavaScript文件格式化
vscode提示: “Vue”文件有多个格式化程序。选择默认格式化程序以继续。
说明JavaScript格式化冲突,原因是vetur插件默认有个JavaScript的格式化工具是prettier,而我们eslint也是用来格式化JavaScript的,这两个“哥们”产生了冲突,于是解决方案如下:
{
"editor.codeActionsOnSave": {// 代码保存时自动使用eslint校验
"source.fixAll.eslint": true
},
"eslint.format.enable": true, // eslint格式化开启
"eslint.validate": [ // eslint校验的文件列表
"javascript",
"vue",
"html"
],
/* 添加如下配置 */
"vetur.format.defaultFormatter.js": "none",// 取消vetur默认的JavaScript格式化工具
"[javascript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur" // vue文件还是采用vetur格式化
}
}
更多推荐
已为社区贡献6条内容
所有评论(0)