VSCode保存代码自动格式化无效的解决方法

更新时间：2023年08月31日 11:56:21 作者：@阿猫阿狗~

最近一直使用vscode,VSCode中各种配置后,自动保存格式化仍然无效,本文就来介绍一下解决方法,感兴趣的可以了解一下

首先需要安装ESLint、Prettier - Code formatter、Vetur插件。

在设置里搜索template找到 Vetur › Format › Default Formatter: HTML，修改选项值（下图）

然后点击（上图）右上角切换settings.json。设置如下（下图）。

{
	"vetur.format.defaultFormatter.html": "js-beautify-html",
	"vetur.format.defaultFormatterOptions": {
		"js-beautify-html": {
			"wrap_attributes": "auto"
		},
		"prettyhtml": {
			"printWidth": 100,
			"singleQuote": false,
			"wrapAttributes": false,
			"sortAttributes": false,
		}
	},
    "vetur.format.options.tabSize": 4,
    "prettier.tabWidth": 4,
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
	"[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
	},
    "editor.formatOnSave": true,
    "editor.detectIndentation": false
}

！！！重点：如果保存依然没有反应，或者想自己选择插件进行格式化，可以把（上图）标红两段代码删掉，然后在需要格式化的任意一个页面Shift+Alt+F。（注意：如果删除了vue的代码需要在vue页面，删除javascript的代码需要在js页面），然后会弹出（下图），点击配置，选择想设置的插件就行了，我这里vue文件选的vetur，js文件用的prettier。

到此这篇关于VSCode保存代码自动格式化无效的解决方法的文章就介绍到这了,更多相关VSCode保存代码自动格式化无效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

c语言中基于随机函数的使用详解
本篇文章对c语言的随机函数进行了详细的分析介绍。需要的朋友参考下
2013-05-05
七夕表白! C语言实现爱情红玫瑰
这篇文章主要为大家详细介绍了C语言实现爱情红玫瑰，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
C语言 ffmpeg与sdl实现播放视频同时同步时钟详解
使用ffmpeg和sdl实现播放视频后，需要再实现时钟同步才能正常的播放视频，尤其是有音频的情况，我们通常需要将视频同步到音频来确保音画同步
2022-09-09
一篇文章带你实现C语言中常用库函数的模拟
这篇文章主要介绍了C语言中常用库函数的模拟,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2021-09-09
C++11智能指针中的 unique_ptr实例详解
unique是独特的、唯一的意思，故名思议，unique_ptr可以“独占”地拥有它所指向的对象，它提供一种严格意义上的所有权。这篇文章主要介绍了C++11智能指针中的 unique_ptr实例详解,需要的朋友可以参考下
2020-06-06
C++基于栈实现铁轨问题
这篇文章主要介绍了C++基于栈实现铁轨问题,实例分析了C++使用栈实现铁轨问题的思路与解决方法,具有一定参考借鉴价值,需要的朋友可以参考下
2015-04-04
关于C++STL string类的介绍及模拟实现
这篇文章主要介绍了关于C++STL string类的介绍及模拟实现的相关资料,需要的朋友可以参考下面具体的文章内容
2021-09-09
C语言常量介绍
这篇文章介绍了C语言中的常量，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-12-12
实现去除c语言注释的小工具
这篇文章主要介绍了实现去除c语言注释的小工具，说是C语言，但其实所有C语系的都可以，比如Java,需要的朋友可以参考下
2014-02-02
一篇文章弄懂C++左值引用和右值引用
左值(lvalue)和右值(rvalue)是 c/c++ 中一个比较晦涩基础的概念,这篇文章主要给大家介绍了关于如何通过一篇文章弄懂C++左值引用和右值引用的相关资料,需要的朋友可以参考下
2021-07-07