VScode 格式化插件Prettier设置无效

最新推荐文章于 2024-10-16 14:00:29 发布
最新推荐文章于 2024-10-16 14:00:29 发布
阅读量1.8k 收藏
点赞数 1
文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41995398/article/details/140330638
版权

VScode在配置格式化代码的插件的时候，可以选择Prettier或者ESlint等插件

比如选择Prettier格式化代码

在这里插入图片描述

在某文件修改代码之后，ctrl+s 保存代码，保存之后会自动格式化代码，但是我们发现控制台有报错

在这里插入图片描述

为什么已经设置了格式化插件为Prettier，控制台还是报错代码不符合Prettier格式要求，经过查询资料，需要点击鼠标右键，选择用…格式化代码

在这里插入图片描述

点击”使用…格式化文档“，在顶部选择代码格式化默认插件，选择之后重新运行代码，通过修改代码保存的方式验证插件是否起效

在这里插入图片描述

发现不在代码不在报错，代码正常运行，如果代码格式化插件已经起效果，但是控制台还是报错可以，直接在prettier配置文件中直接禁用对应的代码验证规则

注意选择代码格式化插件的时候，也就是第一张图片，应该选择”工作区“选项卡

JoeChen.
关注
prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4541
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
vite2+eslint+prettier，解决VSCode保存时候自动格式化,导致ESLint报冲突
何以笙箫默jl的博客
11-11 2404
背景描述 以前一直用破解版的Webstorm,没有用过VSCode，到新公司后不让用盗版软件了，自己捣鼓了一下VSCode。配置ESLint、Prettier代码格式化的时候，遇到了大坑！！！！保存后，莫名其妙的又被格式化成4个空格的，整整纠结了2天都没解决。直到遇到了这个文章才解决：解决VS Code保存时候自动格式化_一汀程序狗的博客-CSDN博客_vscode保存时自动格式化不知道从哪个版本起，VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化，而且html
vscode 使用Prettier插件格式化配置使用代码详解
10-14
主要介绍了vscode 使用Prettier插件格式化配置使用，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
【vscode】 prettier插件不生效，格式化不生效
hzxOnlineOk的博客
02-27 1300
这种情况一般是因为插件的配置看似启动，但是却未能正确配置生效，需要将插件卸载后重装，或者重启插件并重启VScode IDE.
vscode 配置prettier 代码自动格式化
最新发布
jhgj56的博客
10-16 2491
vscode 配置prettier
vs code中 prettier 对js不起作用设置
12-31
vs code中 prettier 对 .vue 文件格式化有效果，但是对 .js 文件不起作用，此方法能有效地解决此问题。
vscode prettier eslint 插件格式化不生效的问题
花开富贵的博客
12-27 2599
这么奇葩个问题居然没人遇到过，vscode插件下边这个，突然失效。
vscode使用prettier格式化代码不起作用、配置不生效的解决方法
热门推荐
云帆的博客
04-02 6万+
问题描述 在某一次更新prettier插件后，发现格式化不起作用了，在vscode用户配置中怎么设置都没有效果 解决方法 由于prettier插件优先使用项目根目录下的editorconfig配置文件，所以在vscode中怎么配置有没有用，如下图 进入插件配置界面 取消Use Editor Config的复选框，这样就不会优先使用editorconfig配置文件了 你可以在项目根目录创建一个.prettierrc.js配置文件，prettier会自动检测到，也可以手动配置 也可以使用vscode
vscode中eslint插件的配置（prettier配置无效）
10-16
主要介绍了vscode中eslint插件的配置（prettier配置无效），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
修复vscode中prettier格式化失效的问题
清晰编程
12-25 2489
​vscode中prettier格式化有时会失效，又恢复到编辑器默认格式。 要修复这个问题，可以用 Ctrl + Shift + P 调出命令面板，然后输入 format 搜索 在出现是搜索结果中选择Format Document With... 然后选择 Configure Default Formatter
vscode 格式化prettier失败出现一大堆错误
qq_17859117的博客
03-09 1010
如题，使用vscode开发项目时候，会自动进行格式化【安装prettier插件】但是有时候会出现格式化失败的情况，如果插件安装正确，则可能是代码出现了格式问题。
vscode prettier不生效解决方法
weixin_50453979的博客
09-30 2066
因为未在vscode的setting.json中配置了。然后在setting.json中添加即可生效。
【问题解决】VSCode ESLint 保存格式化时不生效
我要手撕源码的博客
04-11 3529
问题描述 VSCode 中安装了 Prettier 和 ESLint 插件，在项目中使用了 .eslintrc.js 文件规范项目代码。 但是保存代码时格式化并不是按该文件的配置而是按 Prettier 的配置 问题解决 修改 Settings.json 文件 win：ctrl + shift + p mac：command + shift + p { // ... // 注意这个是 false，很大原因都是因为这个 "editor.formatOnSave": false, "editor
VScode Prettier插件安装后无法正常使用检查方法
PittDing的博客
09-20 410
VScode在安装prettier插件后格式化文件不起作用现象 在执行格式化文件后文件并没有改变，并且在查看prettier日志时显示当前文件被忽略 在项目文件夹里添加了Prettier设置文件并删除了设置，同样格式化不起作用 解决方案： 首先检查VScode当前工作区是不是设置的项目文件夹，如果工作区不是直接绑定的项目文件夹，则prettier项目配置不起作用，需要在工作区里重新绑定项目文件夹启用项目文件夹下的Prettier配置 其次检查全局配置是否将默认格式设置为prettier 最后pr
vscode prettier 无效的解决办法
weixin_41949144的博客
07-22 5697
因为项目中有.editorconfig或者.prettierrc文件。当这些文件存在时，本地的配置就失效了。我的项目中有一个.editorconfig文件，但是无法配置我想要的，所以我这边的解决办法是在项目中配置一个.prettierrc文件。在vscode的setting中配置了prettier。但是实际使用确不生效。...
VSCODE Prettier插件无效
maotou526的博客
05-25 5314
起因：在VSCODE中的【设置】或者【设置的json文件】中进行prettier的配置，但是设置了后却无效 解决方法：项目根目录下建立一个.prettierrc文件，在该文件中进行配置即可 下面贴出几条常见的配置： printWidth:80 // 单行代码的最大宽度 singleQuote:true // 使用单引号而非双引号 semi:false // 在语句末尾添加分号 更多请参考：https://prettier.io/docs/en/options.html#prose-wrap ...
ESLint & prettier配置代码风格后不生效的问题（格式化）
xxx_kkkkk的博客
04-30 1680
ESLint & prettier配置格式化代码不生效的问题
vscode格式化插件
09-08
VSCode提供了许多格式化插件来帮助开发者美化代码和统一团队的代码风格。其中一款常用的插件是Prettier，它可以格式化代码使其具有一致的风格，并可以通过配置文件进行自定义。[1]另外，Auto Rename Tag是另一款实用的插件，它可以帮助开发者在编辑HTML标签时自动同步修改相对应的起始和结束标签，提高开发效率。此外，Prettier也是一个非常常用的插件，它可以自动按照规范的格式对代码进行格式化，确保代码的一致性和可读性。除了这些插件外，VSCode还提供了许多其他格式化插件供开发者选择，可以根据个人喜好和需求进行选择和配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值