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

更漂亮的VSCODE保存时重新格式化已停止工作

是指在使用Visual Studio Code(简称VSCODE)编辑器时,尝试保存文件时自动进行代码格式化的功能无法正常工作的情况。

VSCODE是一款轻量级、功能强大的源代码编辑器,被广泛应用于前端开发、后端开发等领域。它提供了丰富的插件生态系统,允许开发者根据自己的需求进行个性化定制。

保存时重新格式化是VSCODE的一个常用功能,它可以自动调整代码的缩进、空格、换行等,使代码更加规范易读。然而,当VSCODE在保存时重新格式化功能停止工作时,可能会给开发者带来一些困扰。

可能导致这个问题的原因有多种,包括但不限于以下几个方面:

  1. 插件冲突:某些安装的插件可能与保存时重新格式化功能存在冲突,导致其无法正常工作。可以通过禁用部分插件来进行排查,逐个启用插件来确定是哪个插件引起了问题。
  2. 配置问题:VSCODE提供了一些与保存时重新格式化相关的配置选项,如"editor.formatOnSave"和"editor.formatOnType"等。如果这些配置选项被错误地设置或者被其他插件修改了,可能会导致保存时重新格式化功能无效。可以检查并修改相关配置选项以解决问题。
  3. 文件类型不支持:某些文件类型可能不被VSCODE的格式化功能所支持。可以检查文件的类型,并在需要的情况下进行配置或使用适当的插件来支持该文件类型的格式化。

为了解决这个问题,可以按照以下步骤进行操作:

  1. 禁用所有插件,并重新启动VSCODE,看是否能够正常保存时重新格式化。如果可以,则表示问题出在插件冲突上。
  2. 逐个启用插件,并重新启动VSCODE,每次启用一个插件后测试保存时重新格式化功能,找到引起问题的插件。
  3. 如果问题不是由插件引起的,可以检查VSCODE的配置文件(settings.json)中与保存时重新格式化相关的配置选项,确保其设置正确。
  4. 如果问题仍然存在,可以尝试更新VSCODE到最新版本,或者重新安装VSCODE。

需要注意的是,对于不同的编程语言和开发环境,可能会有特定的插件和配置选项与保存时重新格式化功能相关。因此,针对具体的开发场景和需求,可能需要进一步的调整和配置。

在腾讯云的产品中,虽然不能直接推荐相关的产品,但可以通过腾讯云提供的云计算服务,如云服务器、容器服务、函数计算、对象存储等,为开发者提供一个稳定、高效的开发环境,从而更好地使用VSCODE以及其他开发工具进行开发工作。相关产品和产品介绍的详细信息可以通过腾讯云官方网站获取(https://cloud.tencent.com)。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

web大前端必备VSCode插件,常用(15个)「建议收藏」

5.HTML Boilerplate 通过使用 HTML模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签苦恼。...同时,它还包含了用于转换为 PNG 格式和生成数据 URI 模式选项。 9.TODO Highlight 这个插件能够在你代码中标记出所有的 TODO 注释,以便容易追踪任何未完成业务。...11.Minify 这是一款用于压缩合并 JavaScript 和 CSS 文件应用程序。它提供了大量自定义设置,以及自动压缩保存并导出为.min文件选项。...同时,你还可以添加一些像 React Native 与 Vue 相关 Web 开发插件包。 15.Themes 当然,在众多实用插件中,岂能少了漂亮主题呢?...你每天都会与你 VSCode 编辑器进行“亲密接触”,为何不把它打扮得漂亮些呢?

5.7K40

Vue 项目eslint 配置编程风格(VScode

VSCode 保存修复配置 "editor.codeActionsOnSave": { "source.fixAll.eslint": true } 2.Vetur 最初装时候是为了显示...3.Prettier Prettier中文意思是“漂亮、机灵”,也是一个流行代码格式化工具名称,它能够解析代码,使用你自己设定规则来重新打印出格式规范代码。...**总结:**三种都可以格式化,但是又有互相没有的部分,所以可以一起共同使用。但是同时在VScode配置时候注意冲突问题,保存自动格式化时候很容易冲突。...ESLint常用配置说明 ---- 一个环境定义了一组预定义全局变量。 配置项 说明 env 运行环境 一个配置文件可以被基础配置中启用规则继承。...,程序会退出) 配置项 说明 Rules 规则 当访问当前源文件内未定义变量,no-undef 规则将发出警告。

3.4K41
  • 30 个极大提高开发效率超级实用 VSCode 插件

    Live Server 立即查看浏览器中反映代码更改 这是我最喜欢插件之一。Live Server启动本地开发服务器,并为静态和动态页面提供实时重新加载功能。...每次保存代码,你都会立即看到浏览器中反映更改。你会更快地发现错误,并且可以更轻松地对你代码进行一些快速实验。...你可以对其进行设置,以便在每次保存代码格式化代码,从而显着减少你花在格式化代码上时间。...Git History 获得 git 日志,并显示漂亮视觉效果 与 GitLens 类似,Git History是一个 VSCode 插件,它提供了 git 日志可视化。...你可以在 VSCode 编辑器底部栏右下角打开 Auto Format Vue 开关,它可能帮你在代码保存时候自动格式化 vue 文件格式,默认是关闭状态。

    3.7K30

    提高你编码效率

    对于编辑器来说,要能设置漂亮界面,能够代码提示和自动补全,能够支持各种语言和代码检查,能够方便快捷操作。 感觉VScode就是集成了各种编辑器优点。...Npm Intellisense NPM 依赖补全,在你引入任何 node_modules 里面的依赖包提供智能提示和自动完成,会提示安装模块名 Path Intellisense 文件路径补全,...Markdown All In One Markdown 格式化 TODO Highlight 这个插件能够在你代码中标记出所有的 TODO 注释,以便容易追踪任何未完成业务。..."jsx-sublime-babel-tags": "javascriptreact" }, // 是否开启eslint检测 "eslint.enable": false, // 文件保存...内置规则 "vetur.format.defaultFormatter.html": "js-beautify-html", // 下面这一段不能少,否则导致VSCode格式化代码无法正确格式化

    1.7K10

    面向前端开发人员VSCode自动化插件

    Live Server是VSCode一个很酷插件,它可以为你自动完成上面说这些工作,让你不必每次在保存后都要手动打开和刷新浏览器,这是由Live Reload这个Live Server功能提供...,这个功能可以确保你代码可以在保存后立即呈现。...另外,如果你启用了VSCode自动保存功能,Live Reload将会变得更酷,方便。 ?...Prettier Prettier,一个在前端开发者中流行VSCode扩展,拥有1100万下载量,并且还在不断增长,它可以帮你快速格式化代码,只需要按一个按钮,代码就格式化完成了。...还有其他类似的扩展,其中最受欢迎是,Beautify! 通过一些设置和配置,你再也不用担心写出丑陋代码了。Beautify可以将你代码变成漂亮而一致代码。

    1K20

    使用 Visual Studio Code 开发 LINUX 上 C++ 应用

    以前开发 Linux 服务器程序,会有通过 samba 进行文件保存,或者先在 windows 上编译测试,然后传到 Linux 服务器重新编译测试。这些都不太直接,而且调试起来比较困难。...现在很多 IDE 都支持直接编写 LINUX 上程序了,本文介绍 VSCode 如何完成这个工作。...其实 VSCODE 自带了代码格式化器,但是只有一种风格,如果想用 Google 风格,就要自己安装了 在服务器上安装 clang-format: sudo apt install clang-format...按 Ctrl+Shift+F 就可以格式化文档了 如果要设置格式化风格,在 Clang-Format 插件菜单点“齿轮”,选择“扩展设置”,然后在 Clang-format: FallbackStyle...:默认 Ctrl+tab 是切换内部编辑器窗口,安装了这个插件后可以修改默认快捷键,让 Ctrl+Tab 和这个插件快捷键 Alt+o 互换 如果希望使用漂亮 JetBrains 字体,记得要设置一下

    3.8K31

    VSCode前端必备插件,有可能你装了却不知道如何使用?

    5.HTML Boilerplate 通过使用 HTML模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签苦恼。...9.TODO Highlight 这个插件能够在你代码中标记出所有的 TODO 注释,以便容易追踪任何未完成业务。在默认情况下,它会查找 TODO 和 FIXME 关键字。...11.Minify 这是一款用于压缩合并 JavaScript 和 CSS 文件应用程序。它提供了大量自定义设置,以及自动压缩保存并导出为.min文件选项。...16.vscode-icons 各种漂亮图标 ? vscode-icons 17.filesize 左下角显示文件大小插件 ?...35.Project Manager 项目管理工具 这两种方式对于需要经常切换项目,比较耗时 为解决这个问题,vscode提供了Project Manager插件管理,开发时常用项目 (1)command

    4K41

    Vue学习笔记4-项目开发规范及插件

    代码检测工具; Stylelint:一个强大、先进 CSS 代码检查器,可以帮助你规避 CSS 代码中错误并保持一致编码风格 Prettier:代码格式化工具; EditorConfig for...,不在 掌握单词列表 中单词会自动添加到 陌生单词 列表; GitLens:多人协作开发,可快速查找 git 提交记录。...EditorConfig 完整配置属性说明表 在项目根路径新建文件 .editorconfig 在项目中我们最好是使用统一行尾符(建议不管还是 mac 还是 windows 都使用 lf ),但是按上面的配置,我们发现保存时候无法将..." ] } 团队其他成员拉代码后, 打开 vscode, 依次点击 1,2,3, 会自动输入@recommended, 工作区推荐插件就是 .vscode/extensions.json 文件推荐...没有它你代码也能运行,有了它你代码可以写漂亮。ESLint还支持插件,第三方框架会基于ESLint写出自己代码检查插件。比如Vue3对应eslint-plugin-vue。

    28640

    Vscode】 前端项目文件自动格式化(.Vue,.js)

    都是相当强大VSCode这款超级编辑器,正在蚕食市场上所有IDE和编辑器市场。...我们配置需要达到目标 编辑vue,js 保存 自动格式化 JavaScript中,双引号自动改单引号,分号自动去掉 vue,模板中标签属性换行 2.安装插件 2.1 Prettier 它通过解析代码并使用自己规则重新打印它...,并考虑最大行长来强制执行一致样式,并在必要包装代码。...详尽参考ESlint中文网 2.3 Vetur vscode下一款优秀vue开发插件,具有如下特征 语法高亮 Snippet Emmet 错误检测 格式化 智能感知 ......中html "vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中js按编辑器自带ts格式进行格式化 "vetur.format.defaultFormatterOptions

    3K10

    【JavaScript】ESlint & Prettier & Flow组合,得此三神助,混沌归太清

    Prettier prettier意思是漂亮,但其实我觉得,“美化代码”并不是它核心功能,它核心功能是“统一代码规范”(当然了,是用漂亮规范去统一哈哈)。...Prettier是用来规范代码风格,一些IDE比如VScode可以给我们提供代码格式化功能,但是这种功能仍然有限。Prettier则提供了相当完善代码风格规范。...然后保存就可以自动格式化了 根据官网上指示进行操作,下面这个讲的是如何从Eslint上集成Prettier Integrating with Linters · Prettier 其实一般情况下...,有VScodePrettier插件就足够指导开发了,如果你想一次性把全部JS/JSX文件全部格式化一遍,可以这样,在根目录下运行: yarn prettier --write '....你项目使用TypeScript? 1.Y 2.N (爽!妈妈再也不用担心我配置了) 你可能会问:哎呀!我不小心搞错了选项!,那我要重新来一次吗?

    1.1K20

    VSCode基础使用与VSCode调试python程序入门图文教程

    修改完后,保存一下,自定义值就会覆盖默认值,修改就生效了。 ? 用VSCode编写和调试python程序 下面就开始用VSCode编程了。...在按F5调试VSCode每次都会在程序入口处暂停住,这是配置项”stopOnEntry”在起作用,将其改成false后就不会出现这种情况了。...用VSCode自动格式化代码 VSCode“自动格式化代码”快捷键是“Alt+Shift+F”。要格式化Python代码,需要安装Python包yapf(或autopep8、等)。...你也可以安装“vscode-icons”插件,安装方式: 在“扩展(Ctrl+Shift+X)”中,搜索“vscode-icons”,然后安装并重新加载它,然后VSCode会让你执行一些操作,以激活”...Guides(缩进线插件,让代码看起来清晰):在“扩展(Ctrl+Shift+X)”中,搜索“Guides”,然后安装并重新加载它即可。

    5K30

    编辑器VSCode使用心得

    app,当时很想支持一下国产,但是当项目越来越大,会很卡,超级卡,如果几个项目同时启动,估计就会挂掉了 官网地址:http://www.dcloud.io/ vscode vscode是我今天要重点介绍一款编辑器...成对括号(大括号,小括号)颜色相同,这在代码多层括号嵌套显得尤为重要。...Material Icon Theme 截止目前下载量:4.8M 很漂亮图标库,用于编辑器左侧树状菜单文件和文件夹图标显示 ?...保存后新建一个vue文件,编辑器中输入vue然后回车 ?...,需要重新加载 以上这些情况都会重启编辑器,导致在编辑器内启动命令行工具跟着重启,所以不建议在命令行内启动项目服务 插件安装要谨慎,不要装太多,只安装你需要,装太多,会拖慢编辑器,安装留意一下插件下载量

    1.4K30

    vscode html注释快捷键_史上最全vscode配置使用教程

    个人倾向于编写json方式进行配置,下面会附上我个人配置代码 这里解析几个常用配置项: (1)editor.fontsize用来设置字体大小,可以设置editor.fontsize : 14; (...属性,这个属性能够在保存,自动调整 import 语句相关顺序,能够让你 import 语句按照字母顺序进行排列,推荐设置为true,即”editor.codeActionsOnSave”: { “...tabsize "editor.tabSize": 2, //失去焦点后自动保存 "files.autoSave": "onFocusChange", // #值设置为true,每次保存时候自动格式化...6、Regex Previewer 实时预览正则表达式效果。 设置同步 花了一天终于把vscode配置成自己满意样子,如果每换一次电脑就要重新来一次,大家一定会手撕了我。放心,早就帮大家准备好了。...首先要想在不同设备间同步你插件, 需要用到 Token 和Gist id Token 就是你把插件上传到 github 上, 让你保存那段字符,Gist id 在你上传插件那台电脑上保存着。

    1.6K20

    Vue 基于VSCode结合Vetur+ESlint+Prettier统一Vue代码风格

    ": true, // 设置黏贴内容是否自动格式化,true表示自动格式化,需要配置格式化器(formatter)才可使用 "editor.formatOnSave": true, // 设置保存文件是否自动格式化...,true表示自动格式化,需要配置格式化器(formatter)才可使用 "editor.formatOnSaveMode": "file", // 设置保存文件格式化整个文件还是仅被修改处。...": true // 控制是否忽略关于vscode项目配置错误告警,默认为false,即不忽略 } 设置默认格式化插件 右键代码编辑区,选择Format Document WIth 弹出提示框如下,选择...或者选中要格式化代码,按Alt+Shift+F,未设置默认格式化时候,会弹出配置默认格式化提示,然后按提示操作即可 格式化代码 按上述配置,按Ctrl + S手动保存文件时会自动化使用Vetur...虽然Vetur内置上述格式化器,但是当Vetur检测到本地已经安装对应格式化,会优先使用本地安装格式化器。

    6.9K20

    2022代码规范最佳实践(附web和小程序最优配置示例)

    将会学到 【初级】eslint使用和eslint配置——使代码符合javascript代码规范 【初级】prettier代码格式化配置——格式化代码,让代码好看 【初级】使用vscode扩展实现保存自动规范代码...我们可以通过VSCode插件,简化这一步骤。最终结果是,我们只需要正常写代码,一保存就自动格式化了。...配置保存自动格式化 安装了插件之后,只会对不符合规范代码,有告警,但是还不会自动修复,为了做到自动修复,我们需要对VSCode做一些设置。...//setting.json { // 以下程序用于格式化Vue项目,其他项目可以根据原理一通百通。 // 设置保存格式化。...与其他开发者共享VSCode插件和配置 setting.json 通过把.vscode/setting.json传到git仓库,我们可以和项目开发者共享保存自动格式化VSCode设置,但是还是需要手动安装插件

    1.8K30
    领券