VScode Prettier插件安装后无法正常使用检查方法

于 2024-09-20 23:51:27 发布
阅读量224 收藏
点赞数 3
文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PittDing/article/details/142407161
版权

VScode在安装prettier插件后格式化文件不起作用现象

在执行格式化文件后文件并没有改变，并且在查看prettier日志时显示当前文件被忽略

在这里插入图片描述

在项目文件夹里添加了Prettier设置文件并删除了设置，同样格式化不起作用

在这里插入图片描述

解决方案：

  1. 首先检查VScode当前工作区是不是设置的项目文件夹，如果工作区不是直接绑定的项目文件夹，则prettier项目配置不起作用，需要在工作区里重新绑定项目文件夹启用项目文件夹下的Prettier配置
    在这里插入图片描述
  2. 其次检查全局配置是否将默认格式设置为prettier
  3. 最后prettier项目文件夹配置不起作用，则在用户区的prettier配置会在缺失的情况下起作用，再检查下用户区prettier配置是否恰当
PittDing
关注
在VScode中配置ESLint和prettier插件
酷爱前端的小陈博客
05-04 9815
1、ESLint工具介绍 可组装的JavaScript和JSX检查工具 用来团队开发整顿代码的风格（例如代码后面是否加“ ；”，代码前使用4个空格，还是两个空格或是一个Tab键） 使用方法查阅官方网址 ESLint官方文档http://eslint.cn/ 2、在VScode中配置ESLint工具 首先在VScode中搜索tabsize 在VScode中搜索format 3、创建带有ESLint工具 的Vue项目 找到需要创建项目的根目录 ......
vs code中 prettier 对js不起作用设置
12-31
vs code中 prettier 对 .vue 文件格式化有效果，但是对 .js 文件不起作用，此方法能有效地解决此问题。
VSCode插件安装完成后的配置(常用配置)
10-14
主要介绍了VSCode插件安装完成后的配置,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
VScode 格式化插件Prettier设置无效
最新发布
qq_41995398的博客
07-10 1463
发现不在代码不在报错，代码正常运行，如果代码格式化插件已经起效果，但是控制台还是报错可以，直接在prettier配置文件中直接禁用对应的代码验证规则。为什么已经设置了格式化插件为Prettier，控制台还是报错代码不符合Prettier格式要求，经过查询资料，需要点击鼠标右键，选择用…格式化文档“，在顶部选择代码格式化默认插件，选择之后重新运行代码，通过修改代码保存的方式验证插件是否起效。在某文件修改代码之后，ctrl+s 保存代码，保存之后会自动格式化代码，但是我们发现控制台有报错。
vscode中eslint插件的配置（prettier配置无效）
12-08
用vue-cli构建vue项目，会有个eslint代码检测的安装 可vscode自带代码格式化是prettier格式（右键有格式化文件或alt+shift+f） 这时候要在vscode上装一个eslint插件 装完后在文件—–》首选项——-》设置里找到settings.json（快捷键忘了） eslint配置如下，（配置的·具体详情还有待研究，我也是网上copy的，不过亲测可用）。保存配置后每次写.vue文件只要control+s保存，就可以把代码格式改成符合eslint标准 "eslint.autoFixOnSave": true, // 专门写Vue的eslint配置 "eslint
vscode prettier eslint 插件格式化不生效的问题
花开富贵的博客
12-27 2486
这么奇葩个问题居然没人遇到过，vscode插件下边这个，突然失效。
【vscode】 prettier插件不生效，格式化不生效
hzxOnlineOk的博客
02-27 1230
这种情况一般是因为插件的配置看似启动，但是却未能正确配置生效，需要将插件卸载后重装，或者重启插件并重启VScode IDE.
VSCODE Prettier插件无效
maotou526的博客
05-25 5256
起因：在VSCODE中的【设置】或者【设置的json文件】中进行prettier的配置，但是设置了后却无效 解决方法：项目根目录下建立一个.prettierrc文件，在该文件中进行配置即可 下面贴出几条常见的配置： printWidth:80 // 单行代码的最大宽度 singleQuote:true // 使用单引号而非双引号 semi:false // 在语句末尾添加分号 更多请参考：https://prettier.io/docs/en/options.html#prose-wrap ...
vscode 使用Prettier插件格式化配置使用代码详解
10-14
在VSCode中使用Prettier插件可以实现代码的自动格式化，节省开发者的格式化代码时间，提高工作效率。安装Prettier插件后，开发者可以通过简单的配置来定义自己的代码格式化规则。 首先，要在VSCode中安装Prettier...
VSCode插件安装完成后的配置详解
10-14
本文将详细讲解VSCode插件安装完成后如何进行配置，以充分利用这些插件并优化开发体验。 首先，VSCode的个性化配置主要是在`settings.json`文件中进行的。这个文件位于用户的用户目录下的`.vscode`文件夹里，或者...
Vue项目vscode 安装eslint插件的方法(代码自动修复)
11-20
安装完成后，重启VSCode使插件生效。 为了让ESLint在VSCode中自动检测和修复代码，需要进行一些配置。进入VSCode的设置（`File` -> `Preferences` -> `Settings`），或者直接按下`Ctrl + ,`快捷键。在设置页面中，...
vscode prettier不生效解决方法
weixin_50453979的博客
09-30 1996
因为未在vscode的setting.json中配置了。然后在setting.json中添加即可生效。
修复vscode中prettier格式化失效的问题
文本魔术
12-25 2275
​vscode中prettier格式化有时会失效，又恢复到编辑器默认格式。 要修复这个问题，可以用 Ctrl + Shift + P 调出命令面板，然后输入 format 搜索 在出现是搜索结果中选择Format Document With... 然后选择 Configure Default Formatter
vscode使用prettier格式化代码不起作用、配置不生效的解决方法
热门推荐
云帆的博客
04-02 6万+
问题描述 在某一次更新prettier插件后，发现格式化不起作用了，在vscode用户配置中怎么设置都没有效果 解决方法 由于prettier插件优先使用项目根目录下的editorconfig配置文件，所以在vscode中怎么配置有没有用，如下图 进入插件配置界面 取消Use Editor Config的复选框，这样就不会优先使用editorconfig配置文件了 你可以在项目根目录创建一个.prettierrc.js配置文件，prettier会自动检测到，也可以手动配置 也可以使用vscode
ESLint & prettier配置代码风格后不生效的问题（格式化）
xxx_kkkkk的博客
04-30 1575
ESLint & prettier配置格式化代码不生效的问题
[工具][VScode]VScode Prettier格式化不生效
wsjtwmy的博客
12-23 7285
查看output窗口，选择Prettier 保存文件的时候，窗口会打印日志，根据日志定位格式化不生效的原因
VS Code插件Prettier - Code formatter格式化无效解决
qq_38188228的博客
06-28 1万+
在Vue代码格式插件文章配置好json文件后，保存后代码还是为进行自动格式化。可以在此的基础上添加代码。 1、进入设置面板 2、点击按钮打开json文件 3、复制以下代码追加粘贴 "typescript.preferences.quoteStyle": "single", "editor.tabSize": 2, "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
prettier配置不生效问题
ruisenLi的博客
04-25 1万+
在 vscode 中，通过安装 prettier 插件，可以格式化代码，保证团队代码风格保持一致，不至于代码经过其他人编辑并通过不一样的格式化方式格式化以后，git历史记录全部被覆盖的问题。 但是如果依赖 prettier 插件默认的格式，如果有人修改后，还是会和团队风格不一致，因此，需要将 prettier 的配置项，同代码一起保存，这样所有人的 prettier 项都会保存一致。 保存代码时，自动进行代码格式化 在 目录 .vscode - > settings.json 文件内，增加配置项，开启
vscode json插件安装
06-19
VSCode（Visual Studio Code）是一个非常流行的轻量级代码编辑器，它有许多强大的插件可以扩展其功能。对于JSON文件的处理，一个常用的插件是`vscode-json-tools`，它提供了丰富的JSON支持，包括自动格式化、验证和智能提示等。 **安装步骤**: 1. 打开VSCode，点击左上角的扩展图标（齿轮形状），进入扩展市场。 2. 在搜索框中输入 "json" 或者 "vscode-json-tools"，找到 "Prettier - Code formatter (JSON)" 或者 "EditorConfig for JSON" 这样的插件（通常第一个就是你要找的）。 3. 点击插件卡片，选择 "Install" 或 "Download" 安装该插件。 4. 安装完成后，重启VSCode以应用新插件。 **使用方法**: - 打开你的JSON文件，格式化代码可以通过快捷键 `Ctrl + Shift + P`（Windows/Linux）或 `Cmd + Shift + P`（Mac）然后输入 "Format Document" 来实现。 - 插件会提供智能提示，当你在键入时，如果遇到JSON特定的结构或属性，它会显示相应的建议。 **相关问题--:** 1. 还有哪些其他VSCode中处理JSON的插件推荐？ 2. 如何配置VSCode JSON插件以自定义格式化规则？ 3. 如果插件出现问题，如何检查和修复？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值