首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么vscode在保存代码时会格式化代码两次?

在保存代码时,VSCode会格式化代码两次的原因是因为其内置了两个不同的功能来处理代码格式化。

首先,VSCode内置了一个名为"Editor: Format On Save"的设置选项,默认情况下是开启的。当这个选项开启时,每次保存代码时,VSCode会自动调用内置的代码格式化工具来对代码进行格式化。这个工具可以根据用户的配置文件(如.prettierrc)或者项目中的配置文件(如.editorconfig)来确定代码的格式化规则。

其次,VSCode还支持安装和使用第三方的代码格式化插件,比如Prettier、ESLint等。这些插件可以根据用户的配置来进行代码格式化。当用户安装并启用了这些插件时,它们也会在保存代码时进行代码格式化操作。

因此,当"Editor: Format On Save"选项开启且用户安装了代码格式化插件时,保存代码时就会触发两次代码格式化操作,一次是由VSCode内置的代码格式化工具执行,另一次是由第三方插件执行。

这种设计可以让用户根据自己的需求选择使用内置的代码格式化工具还是第三方插件,并且可以根据项目的需要进行不同的配置。同时,这也确保了代码在保存时能够始终保持一致的格式,提高了代码的可读性和维护性。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云开发者工具套件(https://cloud.tencent.com/product/tcdev)
  • 云开发(https://cloud.tencent.com/product/tcb)
  • 云函数(https://cloud.tencent.com/product/scf)
  • 云数据库(https://cloud.tencent.com/product/cdb)
  • 云服务器(https://cloud.tencent.com/product/cvm)
  • 人工智能(https://cloud.tencent.com/product/ai)
  • 物联网(https://cloud.tencent.com/product/iotexplorer)
  • 移动开发(https://cloud.tencent.com/product/mobdev)
  • 云存储(https://cloud.tencent.com/product/cos)
  • 区块链(https://cloud.tencent.com/product/baas)
  • 元宇宙(https://cloud.tencent.com/product/vr)
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • ESlint + stylelint + VSCode自动格式化代码(2020)

    更多文章 [在这里插入图片描述] eslint 格式化 js 代码 本文用 Vue 项目做示范。 利用 Vue CLI 创建项目时要将 ESlint 选上,下载完依赖后,用 VSCode 打开项目。...PS:自动格式化代码保存时自动触发,目前试了 JS 以及 vue 文件中的 JS 代码都没问题,html 和 vue 中的 html 和 css 无效。...扩展 其实还是有办法格式化 vue 文件中的 html 和 css 代码的,利用 vscode 自带的格式化,快捷键是 shift + alt + f,假设你当前 vscode 打开的是一个 vue 文件...没关系,因为已经设置了 eslint 格式化,所以只要保存,javascript 的代码也会自动格式化。 同理,其他类型的文件也可以这样来设置格式化规范。...stylelint 格式化 css 代码 下载依赖 npm install --save-dev stylelint stylelint-config-standard 项目根目录下新建一个 .stylelintrc.json

    2.4K50

    vscode写python时的代码错误提醒和自动格式化的方法

    python的代码错误检查通常用pep8、pylint和flake8,自动格式化代码通常用autopep8、yapf、black。...Shift+鼠标右键,打开PowerShell窗口(win10以前的版本是可以直接打开命令行窗口) 2.输入:cmd,回车运行 3.输入:pip install flake8,回车等待运行结果即可 【Vscode...中安装】 代码错误工具以flake8为例: 1.VScode中打开设置,搜索python.linting.flake8enabled 2.Settings界面中勾选 Whether to lint...格式化代码以yapf为例: 1..py文件界面中右键鼠标选择“格式化文件”,或者直接快捷键Shift+Alt+F 2.VScode提供了三种格式化工具 ?.../p/b819597d9661 到此这篇关于vscode写python时的代码错误提醒和自动格式化的方法的文章就介绍到这了,更多相关vscode写python 内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持

    7.8K31

    .NET 6 中使用 dotnet format 格式化代码

    我不得不承认, code review 的时候,我花费了很多时间来研究 C# 的代码格式问题,这是没有太大意义的工作,我应该专注于其他事情,而不是观察同事是否忘记格式化代码,或者是使用了其他不同规则的代码编辑器...格式化解决方案中的所有代码: dotnet format ./solution.sln 格式化单个项目的代码 dotnet format ..../src/application.csproj 验证所有代码的格式是否正确: dotnet format --verify-no-changes 格式化 src 和 tests 目录中的所有代码,并排除...src/submodule-a 目录的代码: dotnet format --include ..../src/submodule-a/ 格式化并输出详细信息 dotnet-format -v diag 格式化并记录报告到文件 dotnet format --report .

    34810

    emmet语法简介及Vscode中使用Emmet快速编辑代码

    但是在我看来,不好意思, 我宁愿自己去敲下面这些代码,也不愿意去记这些花里胡哨的东西。...本身我们使用Emmet语法就是为了偷懒而不用写大量的重复性的HTML代码而来的。如果使用了那些过于复杂的Emmet语法。是不是我们就失去了一开始的偷懒的初心呢?虽然看起来很牛逼,但是没有必要。...可以去Emmet官网文档自行了解1.生成后代元素:>tag1>tag2表示标签(元素)tag1内生成后代标签(元素)tag2ul>li>a>img1效果: ...2.生成兄弟元素:+tag1+tag2表示标签(元素)tag1后生成兄弟标签(元素)tag2ul+li+a+img1效果:3.生成上级元素:^tag1^tag2表示标签(元素)tag1的父级后生成兄弟标签(元素)tag2,如果有两个

    37320

    使用 Prettier 美化你的代码

    为什么要用 Prettier? Prettier 是一款流行的代码格式化工具。它支持的语言相当多。 它很纯粹,就一个代码格式化工具,并不会做代码质量的检查(比如声明了一个未被使用的变量)。...比如有个 printWidth 的配置(默认值为 80),当一行代码超过特定字符数时会对其做拆分换行。这个配置无法关闭,你必须得设置一个值。...": "esbenp.prettier-vscode", // 默认格式器改为 prettier "editor.formatOnSave": true // 开启 “保存自动格式化” } 或者你不开启保存自动格式化...否则你会看到代码格式化两次,总是会不符合其中一方的规则。 另外,ESLint 不支持格式化 CSS,还是有必要装上 Prettier 或 stylelint 的。...TypeScript 团队实现 typescript-eslint 时,认为 ESLint 不应该做代码格式化,而应该是一个真正的只检查错误的 Linter(可能他们被格式化的实现弄烦了),而像是 Prettier

    2K10

    怎么VSCode开发工具中配置GitHub GPT代码提示

    安装GitHub GPT插件(如果有的话):VSCode扩展市场中搜索并安装GitHub GPT插件。该插件可能还不存在,如果是这样,你可能需要开发自定义的代码提示插件。...安装VSCode:如果你还没有VSCode,首先要安装它。你可以从VSCode的官方网站(http://www.duozitu.com/)下载并安装适合你操作系统的版本。...启动VSCode:打开VSCode编辑器。安装GitHub GPT插件:VSCode中搜索并安装GitHub GPT插件。扩展市场中,你可以使用搜索栏查找并安装插件。...配置GitHub GPT插件:安装GitHub GPT插件后,你可能需要进行一些配置。这取决于插件的功能和设置。通常,插件会在扩展的设置页面提供一些选项,你可以根据需要进行调整。...总结:要在VSCode中配置GitHub GPT代码提示,首先确保有相应的插件可用。然后,根据插件的要求进行安装和配置。最后,学习如何正确地使用插件来获得自定义的代码提示。

    39040
    领券