vs code保存时 出现两次格式化

最新推荐文章于 2024-07-16 23:50:34 发布
最新推荐文章于 2024-07-16 23:50:34 发布
阅读量608 收藏
点赞数 2
分类专栏： vue 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IT_iosers/article/details/125618547
版权

今天 新开一个vue3项目 发现保存时出现两次格式化 最后查找原因发现 时下列两个插件的问题
解决方法 我这儿禁用了Vue 3 Support - All In One

Vue 3 Support - All In One

在这里插入图片描述

Prettier - Code formatter

在这里插入图片描述

vite2+eslint+prettier，解决VSCode保存时候自动格式化,导致ESLint报冲突
何以笙箫默jl的博客
11-11 2697
背景描述 以前一直用破解版的Webstorm,没有用过VSCode，到新公司后不让用盗版软件了，自己捣鼓了一下VSCode。配置ESLint、Prettier代码格式化的时候，遇到了大坑！！！！保存后，莫名其妙的又被格式化成4个空格的，整整纠结了2天都没解决。直到遇到了这个文章才解决：解决VS Code保存时候自动格式化_一汀程序狗的博客-CSDN博客_vscode保存时自动格式化不知道从哪个版本起，VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化，而且html
ESLint + VSCode:如何使用.eslintrc格式化你的代码
最新发布
每天都要努力学习哦~~
02-07 1256
我已经非常习惯于在保存时让VSCode自动格式化我的文件。通常情况下，我使用Prettier。但我加入了一个使用ESLint来管理其代码风格的项目，我想与团队的格式化相匹配。我希望在保存时有那种甜蜜的自动格式化，但使用项目根目录下的文件，而不是Prettier。大多数博客文章都想把这个做成一个完整的教程......如何设置eslint，如何创建.eslintrc文件，等等......但我不需要这些。我有一个现有的项目，我只是想配置VSCode来使用ESLint而不是Prettier。
ESLint规则整理与实际应用
热门推荐
lhb_11的博客
09-13 1万+
1.安装1.1本地安装(运用到此项目)$ npm install eslint --save-dev1.2全局安装（运用到所有项目）$ npm install -g eslint2.配置2.1使用 .eslintrc 文件$ eslint --init2.2在 package.json 中添加 eslintConfig配置块2.3直接在代码文件中定义2.3.1 禁用 ESLint：/* eslint
vscode按下ctrl+S代码被自动格式化两次
weixin_42642483的博客
07-19 2592
Ctrl+S前的代码 图1 Ctrl+S后的代码 图2 Ctrl+S后过程中，会先保存为图1的代码，然后迅速修改为图2的格式保存。出现该问题的原因为editor.codeActionsOnSave设置中保存了两种格式： 在设置中搜索editor.codeActionsOnSave，并点击Edit in setting.json: 将source.organizeImports值设置为false后，保存正常： ...
奇葩遭遇，vscode保存时，不停重复编译
heirui的专栏
07-16 651
后来想着即然是时间问题，那就还得解决这个时间问题，查了很多资料，最后找到个文章 说是烧一个U盘版的ubuntu，进入live cd折腾一会儿，再重启，时间问题就能恢复。此时bios里面，系统时钟是停止的状态，正常情况下，它应该是一直在走的，此时因为折腾黑苹果没折腾明白，导致bios里的系统时钟停止不动了。正好硬盘里有，就烧了一个，进live cd折腾了一会儿，然后重启进bios，果然，bios时钟恢复了。而导致系统时间错误更新的问题，是因为我装了个黑苹果，又没能搞定两个系统的时间同步问题。
vscode编译器报警告，每次格式化都会出现分号和双引号
weixin_44180190的博客
07-06 587
新建一个文件在根目录，文件名为.prettierrc， 文件内输入 { "semi":false, "singleQuote":true } 问题解决
vscode保存时自动格式化了，突然又恢复的问题
少油少盐不要辣
11-24 2921
1.原因 多半是因为vscode安装了其他的代码格式化插件，导致eslint格式化后，又被其他插件给恢复了。起冲突了。 2.可能冲突的插件 JS-CSS-HTML Formatter 3.解决方案 卸载插件即可。
c语言格式化符,C语言 格式化字符
weixin_42518874的博客
05-24 4277
格式字符控制：说明：sprintf(格式化后的字符,"%(长度)格式符",格式化前的字符);1、 d格式符。用来输出十进制数。有以下几种用法：(1)、%d按整数的实际长度输出。(2)、%md，m为指定的输出字段的宽度。如果数据位数小于m，则左端补以空格，若大于m，则按实际位数输出。(3)、%ld，输出长整型数据。例：long a=135790；printf(“%ld”，a)；如果用%d输出就会发生...
Android Studio3.5 xml文件格式化(Reformat Code)后元素会自动排序的问题
choimroc的博客
08-22 2402
升级到Android Studio3.5 后，发现在xml文件使用Reformat Code时元素会自动排序。 首先怀疑是配置文件的问题，但是删了配置文件后，重新打开还是一样。 马上找了另外两台机子，同样升级到Android Studio3.5，发现出现同样的问题。 接着去官网看更新的blog，没有发现有帮助的信息。 找了一台未安装Android Studio的机子，下载了3.5版本安装，出现一...
VSCode配置ESLint自动格式化
枫的博客
01-10 4045
在使用Vue-Cli生成项目的时候，目前没有一个可以格式化html、css、js符合ESlint的vue的插件，所以自己东拼西凑加实践找到解决方法。
vscode 代码格式，并设置保存时自动格式化代码
chenhao的专栏
03-21 1万+
1、报错提示：Binding “columns” should be on a new line.eslint（vue/max-attributes-per-line）3、报错提示：Missing space before function parentheses.eslint（space-before-function-paren）此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的。文件->首选项->设置，点击右上角的箭头所指的按钮（如下图）
真正解决VSCode运行时自动保存问题
Lucky小黄人的博客
07-25 3461
转自：真正解决VSCode运行时自动保存问题 用VSCode总是忘记运行时需要保存一下，感觉ctrl+s操作非常多余(但是在编辑word文档之类的还是要习惯性保存一下)，下面介绍一下怎样真正解决VSCode运行时保存问题 文件->首选项->设置->搜索auto save 四个选项分别是 off: 关闭自动保存afterDelay: XX毫秒后自动保存，这个就是我所讲的解决方法...
解决vscode修改代码时，自动编译问题
Admin_yws的博客
04-26 9180
问题描述：在vscode中，将vue项目run起来之后，一修改代码，立即就会重新编译 问题解决：原因是因为设置了vscode的自动保存功能，取消即可。如图： 文件 >> 自动保存 如果帮助到您的话，可以给我点个赞吗？谢啦 ...
解决VSCode运行时自动保存问题【图文解析】
EFFY
11-21 3039
用VSCode写前端时老是自动保存，代码还没写完就开始 刷新页面 调用接口 出现报错之类的，很烦人，所以就写一篇修改VSCode自动保存文件的文章，以免自己忘记在哪设置。焦点不是鼠标，移到外面去后还要点一下，建议选择afterDelay，然后再如下图设置自动保存时间间隔。
vscode二次开发编译目前为止遇到的所有坑
朝暮不归兮的博客
10-18 1097
按照官方文档一步一步来操作，网址：https://github.com/microsoft/vscode/wiki/How-to-Contribute 开始配置环境前，先卸载本地python、node.js、环境 git可以按照电脑的版本。或者也可以更新最新版。 node.js 用官网的提示的版本，点击超链接跳转对应版本。下载即可，安装过程中有选项能打钩的都要打钩。安装完会自动跳出Windows PowerShell下载Windows 相关环境配置包括python。 yarn 在以上两个环境搭建好后 用Wi
vs-code之vue3插件
weixin_60196946的博客
12-04 3958
而随着 Vue3 正式版发布，Vue 团队官方推荐Volar 插件来代替 Vetur 插件，不仅支持 Vue3 语言高亮、语法检测，还支持 TypeScript 和基于vue-tsc 的类型检查功能。相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法支持以及语法检测。者提供最简单快速的生成 Vue 代码片段的方法，通过各种快捷键就可以在 .vue 文件中快速生成各种代码片段。
VScode自动保存编译
qq_56335560的博客
12-31 7130
使用VScode自动保存+编译的理由 有时候我们需要多次调试代码，来满足我们的一些需要 如果每次需要关闭终端再新建终端，就太过于麻烦 我们要在终端的命令行中使用上下键来重复一些命令，进行重复测试，但出现以下报错（可能原本可以自动保存，现在突然不能了） （ConnectionRefusedError: [WinError 10061] 由于目标计算机积极拒绝，无法连接。） 方法:VScode配置 文件 ——> 首选项——>设置——>常用设置——>File:Auto Sava
解决vscode保存时,代码自动格式化问题
分享学习编程中的遇到的问题,总结平时的笔记
09-09 9413
🐂 解决vscode保存vue项目时,代码自动格式化问题
vscode选择格式化样式
01-13
### 如何在 VSCode 中配置和选择不同的代码格式化样式 #### 安装必要的扩展 为了能够在 Visual Studio Code (VSCode) 中应用不同风格的代码格式化，首先需要安装相应的插件。对于 JavaScript/TypeScript 及其他前端技术栈而言，ESLint 和 Prettier 是两个常用的工具[^1]。 #### 设置默认格式化工具体 可以通过修改 `settings.json` 文件来指定全局或工作区级别的默认格式化程序。打开命令面板 (`Ctrl+Shift+P`) 并输入 "Preferences: Open Settings (JSON)" 来访问此文件。添加如下配置以设定默认使用的格式化工具： ```json { "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } } ``` 上述 JSON 片段展示了如何为特定编程语言（这里是 JavaScript 和 TypeScript）设置默认格式化工具为 Prettier。 #### 自定义格式化选项 除了基本的格式化外，还可以进一步定制格式化的细节。例如，在 C/C++ 项目中可能希望调整缩进大小或其他视觉上的偏好。这可通过搜索相关配置项完成；比如通过查找 `vcformat` 关键词找到更多关于 C/C++ 格式的个性化参数[^2]。 #### 实现保存时自动格式化 为了让每次保存文件时都能触发一次格式化操作，可以在 `settings.json` 中加入以下配置： ```json { "editor.formatOnSave": true, "prettier.requireConfig": false // 如果不需要 prettier.config.js 则设为false } ``` 这段配置确保了当文档被保存的时候会自动执行由当前选中的格式化工具所规定的格式化过程[^3]。 #### Vue项目的特殊处理 针对Vue单文件组件的情况，还需要额外安装 ESlint 和 Vetur 扩展，并按照官方指南正确配置 `.eslintrc.*` 文件以及其他辅助依赖包，以便能够有效地支持 HTML、CSS 和 JS 的联合语法检查与格式化[^4]。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值