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语言实现动态数组Vector

    使用C语言实现动态数组Vector

    这篇文章主要为大家详细介绍了使用C语言实现动态数组Vector的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-01-01
  • 使用C语言实现扫雷游戏

    使用C语言实现扫雷游戏

    这篇文章主要为大家详细介绍了使用C语言实现扫雷游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • C语言strtod()函数案例详解

    C语言strtod()函数案例详解

    这篇文章主要介绍了C语言strtod()函数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-07-07
  • C++ MD5的源码实例详解

    C++ MD5的源码实例详解

    这篇文章主要介绍了C++ MD5的源码实例详解的相关资料,需要的朋友可以参考下
    2017-01-01
  • 简述C++的复杂性

    简述C++的复杂性

    这篇文章主要介绍了简述C++的复杂性,帮助大家更好的理解和认识c++编程语言,感兴趣的朋友可以了解下
    2020-08-08
  • 深入解析C++中的指针数组与指向指针的指针

    深入解析C++中的指针数组与指向指针的指针

    以下是对C++中的指针数组与指向指针的指针进行了详细的介绍,需要的朋友可以过来参考下
    2013-09-09
  • C++模拟实现List迭代器详解

    C++模拟实现List迭代器详解

    list不同于其他容器,他是一个链表,物理地址并不连续。所以在实现list类的迭代器的时候,需要将迭代器单独封装到一个类里,因为需要重载很多操作符来跟其他容器的迭代器使用达成一致
    2022-04-04
  • c++栈内存和堆内存的基本使用小结

    c++栈内存和堆内存的基本使用小结

    本文主要介绍了c++栈内存和堆内存的基本使用小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-07-07
  • Qt实现数据进行加密、解密的步骤

    Qt实现数据进行加密、解密的步骤

    本文主要介绍了Qt实现数据进行加密、解密的步骤,包含QCryptographicHash和Qt-AES两种库的实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-03-03
  • STL容器之list源码详细解读

    STL容器之list源码详细解读

    这篇文章主要介绍了STL容器之list源码详细解读,相对于vector的连续线性空间,list就显得更加复杂,它每插入或者删除一个元素,就配置或释放一个元素空间,需要的朋友可以参考下
    2024-01-01

最新评论