修复vscode中prettier格式化失效的问题

最新推荐文章于 2025-04-10 10:24:58 发布
最新推荐文章于 2025-04-10 10:24:58 发布
阅读量3.3k 收藏 15
点赞数 8
分类专栏： 公众号 文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wannianchuan/article/details/135191668
版权

vscode中prettier格式化有时会失效，又恢复到编辑器默认格式。

要修复这个问题，可以用 Ctrl + Shift + P 调出命令面板，然后输入 format 搜索

在出现是搜索结果中选择 Format Document With...

然后选择 Configure Default Formatter

然后选择 Prettier 就可以了

 

另外需要注意的是，修改了项目中的 prettier.config.js 配置后，需要重启 vscode 才能生效。

 欢迎关注微信公众号：文本魔术，了解更多 

 

vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
江湖行骗老中医
12-02 1863
Eslint附带了大量的校验规则，这些规则的值分别有如下规律：off | 0 :表示关闭规则。warn | 1 :表示将该规则转换为警告。error | 2 :表示将该规则转换为错// "semi": [2, "always"],//语句强制分号结尾// "quotes": [2, "double"],//引号类型 ""//"no-alert": 0,//禁止使用alert//"no-console": 2,//禁止使用console。
vs code中 prettier 对js不起作用设置
12-31
vs code中 prettier 对 .vue 文件格式化有效果，但是对 .js 文件不起作用，此方法能有效地解决此问题。
eslint+prettier+husky的配置说明
weixin_42349568的博客
11-23 3412
一，eslint eslint它规范的是代码偏向语法层面上的风格。本篇文章以一个基本的vue项目，来说明eslint+prettier+husky配置项目代码规范，为了更好的描述本文，我恢复了vscode的默认设置（即未安装eslint,prettier等插件，setting中也没有相关配置） ????1，新建一个空的vue2.x项目(不安装eslint) vue create eslint-test ????2，单独安装selint npm install eslint --save-dev npx
vscode中eslint插件的配置（prettier配置无效）
10-16
主要介绍了vscode中eslint插件的配置（prettier配置无效），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VS Code配合Prettier自动格式化代码
最新发布
分享技术，分享经验
04-10 2120
每次修改 .prettierrc.cjs 配置文件后，如果发现保存代码时格式化没有生效，可能是 VS Code 插件缓存未及时刷新。建议此时重启 VS Code，确保新的配置被正确加载并生效。
VScode 格式化插件Prettier设置无效
qq_41995398的博客
07-10 2678
发现不在代码不在报错，代码正常运行，如果代码格式化插件已经起效果，但是控制台还是报错可以，直接在prettier配置文件中直接禁用对应的代码验证规则。为什么已经设置了格式化插件为Prettier，控制台还是报错代码不符合Prettier格式要求，经过查询资料，需要点击鼠标右键，选择用…格式化文档“，在顶部选择代码格式化默认插件，选择之后重新运行代码，通过修改代码保存的方式验证插件是否起效。在某文件修改代码之后，ctrl+s 保存代码，保存之后会自动格式化代码，但是我们发现控制台有报错。
vscode prettier eslint 插件格式化不生效的问题
花开富贵的博客
12-27 3054
这么奇葩个问题居然没人遇到过，vscode插件下边这个，突然失效。
vue项目prettier代码格式化无效，配置prettier代码格式化插件
qq_52937529的博客
04-07 2139
vue项目prettier代码格式化配置
解决VSCode中Prettier与ESLint冲突：配置详解
当在Vue项目中使用vue-cli构建并结合VSCode内置的prettier格式化功能时，通常会推荐同时安装并配置ESLint以确保代码质量一致性。 首先，安装VSCode的ESLint插件是必要的，可以通过扩展市场搜索并安装相关插件。然后...
vscode vue 代码格式化
01-03
对于 `.vue` 文件中 ESLint 格式化的失效问题，可以在 `settings.json` 中做适当调整。具体来说是在 `"eslint.validate"` 数组内增加对 HTML 类型的支持，这样即使编辑器将 `.vue` 文件当作 HTML 来处理也能正常触发...
vscode全局变量颜色失效
04-03
- **Prettier**: 自动格式化代码，减少手动调整的需求。 - **JavaScript and TypeScript Nightly**: 提供最新的实验性特性支持。 例如，使用 ESLint 结合 `lint-staged` 工具可以在每次提交前自动校验缓存区内的...
【vscode】 prettier插件不生效，格式化不生效
hzxOnlineOk的博客
02-27 1655
这种情况一般是因为插件的配置看似启动，但是却未能正确配置生效，需要将插件卸载后重装，或者重启插件并重启VScode IDE.
【VS Code】解决 Prettier 插件配置无效的问题并优化 TypeScript 配置
lph159的博客
11-19 2427
通过解决 Prettier 无效问题，并优化 Prettier 与 TypeScript 的配置，我们可以大幅提升代码的可读性和一致性。在团队协作中，统一的代码风格还能减少代码审查中的摩擦点，提升整体开发效率。
vscode自动格式化失效
qq_51111632的博客
02-27 1519
vscode自动格式化失效问题
VSCODE Prettier插件无效
maotou526的博客
05-25 5501
起因：在VSCODE中的【设置】或者【设置的json文件】中进行prettier的配置，但是设置了后却无效 解决方法：项目根目录下建立一个.prettierrc文件，在该文件中进行配置即可 下面贴出几条常见的配置： printWidth:80 // 单行代码的最大宽度 singleQuote:true // 使用单引号而非双引号 semi:false // 在语句末尾添加分号 更多请参考：https://prettier.io/docs/en/options.html#prose-wrap ...
关于vscode格式化失效的问题
hemaolin的博客
08-24 762
如果已经安装好prettier但是保存没有格式化，可能是有多个格式化工具，vscode不知道用哪个，可以直接右键选择“格式化文件”，vscode会提示你用那个工具。
Prettier 插件保存时格式化无效
mkyy110的博客
08-21 2547
Prettier 插件保存时格式化无效
prettier 格式化无效增加配置
Ezerbel的博客
12-05 1429
新建 .prettierrc 配置 注意下面的配置最好和vscode中setttings中的一致 { "printWidth": 300, "tabWidth": 2, "singleQuote": false, "semi": true }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值