脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → C 语言 → VSCode代码自动格式化无效

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-09-09
  • C++ 虚函数和纯虚函数的区别分析

    C++ 虚函数和纯虚函数的区别分析

    这篇文章主要介绍了C++ 虚函数和纯虚函数的区别，帮助大家更好的理解和学习c++的相关知识，感兴趣的朋友可以了解下
    2020-10-10
  • C++解密Chrome80版本数据库的方法示例代码

    C++解密Chrome80版本数据库的方法示例代码

    这篇文章主要介绍了C++解密Chrome80版本数据库的方法示例代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • C++右值引用与移动构造函数基础与应用详解

    C++右值引用与移动构造函数基础与应用详解

    左值和右值都是针对表达式,左值是指表达式结束后依然存在的持久对象,右值是指表达式结束时就不再存在的临时对象,下面这篇文章主要给大家介绍了关于C++11右值引用和移动语义的相关资料,需要的朋友可以参考下
    2023-02-02
  • C语言模拟实现C++的继承与多态示例

    C语言模拟实现C++的继承与多态示例

    本篇文章主要介绍了C语言模拟实现C++的继承与多态示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • C++11 尾随返回类型的实现示例

    C++11 尾随返回类型的实现示例

    C++11 引入的尾随返回类型是一个强大的特性,它为开发者提供了更加灵活和清晰的方式来声明函数的返回类型,下面就来介绍一下尾随返回类型,感兴趣的可以了解一下
    2025-06-06
  • 如何使用C++结合OpenCV进行图像处理与分类

    如何使用C++结合OpenCV进行图像处理与分类

    在计算机视觉领域,OpenCV与C++结合能高效处理和分类图像,C++的高执行效率适合大规模数据处理,OpenCV提供丰富的功能,如图像预处理和机器学习算法,安装OpenCV需要配置环境和添加库文件,本文详细介绍了使用C++和OpenCV进行图像分类的过程,包括使用SVM和深度学习模型
    2024-09-09
  • C语言实现贪吃蛇游戏（命令行）

    C语言实现贪吃蛇游戏（命令行）

    这篇文章主要为大家详细介绍了C语言命令行实现贪吃蛇游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-06-06
  • OpenCV实现人脸识别简单程序

    OpenCV实现人脸识别简单程序

    这篇文章主要为大家详细介绍了OpenCV实现人脸识别简单程序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-08-08
  • C语言实现模拟银行系统

    C语言实现模拟银行系统

    这篇文章主要为大家详细介绍了C语言实现模拟银行系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-06-06

最新评论