使用vscode格式化文档无效的解决办法(vue代码格式化文档无效)
问题:
最近在写代码的时候,vscode使用格式化文档不管用。

原因:
单页面使用大量element组件和html代码导致,vscode识别不了。
解决方案:
1、打开设置,点击右侧的图标打开settings.json文件,在文件中注入代码。
settings.json文件位置,vscode左下角:

设置页面右上角:

在settings.json文件中注入代码:
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html"2、代码放在这里,完美解决。
"path-autocomplete.extensionOnImport": true,//导入文件时是否携带文件的拓展名
"path-autocomplete.pathMappings": {//配置@的路径提示
"@": "${folder}/src"
},
"explorer.confirmDelete": false,
"editor.fontSize": 20,
// 放在这里,解决格式化代码不管用
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.html": "js-beautify-html",总结
到此这篇关于使用vscode格式化文档无效的解决办法的文章就介绍到这了,更多相关vscode格式化文档无效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Vue Transition实现类原生组件跳转过渡动画的示例
本篇文章主要介绍了Vue Transition实现类原生组件跳转过渡动画的示例,具有一定的参考价值,有兴趣的可以了解一下2017-08-08
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
今天小编就为大家分享一篇Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML)),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
vite.config.ts配置之自动导入element-puls方式
这篇文章主要介绍了vite.config.ts配置之自动导入element-puls方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
Vue中引入bootstrap.min.css的正确姿势分享
这篇文章主要介绍了Vue中引入bootstrap.min.css的正确姿势,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
Vue3 去除 vue warn 及生产环境去除console.log的方法
这篇文章主要介绍了Vue3 去除 vue warn 及生产环境去除console.log的方法,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-06-06


最新评论