格式onsave在VS Code with Prettier中不起作用
在VS Code中使用Prettier时，格式onsave不起作用可能是由于以下原因：
- 未正确配置Prettier插件：确保已安装Prettier插件，并在VS Code的设置中正确配置了Prettier的路径。可以通过在VS Code的设置中搜索"Prettier"来找到相关配置项。
- 与其他插件冲突：某些其他插件可能会干扰Prettier的格式化行为。可以尝试禁用其他插件，然后重新启用Prettier插件，看是否能解决问题。
- 文件类型不受支持：Prettier可能不支持当前文件类型的格式化。确保你正在编辑的文件类型是Prettier支持的，例如JavaScript、TypeScript、CSS等。如果文件类型不受支持，可以尝试使用其他插件或工具进行格式化。
- 配置文件冲突：如果项目中存在多个Prettier配置文件（如.prettierrc、.prettierrc.json、.prettierrc.js等），可能会导致格式onsave不起作用。确保项目中只存在一个有效的Prettier配置文件，并且其中的配置与你期望的一致。
总结起来，解决格式onsave不起作用的问题可以尝试以下步骤：
- 确保正确安装和配置了Prettier插件。
- 检查是否与其他插件冲突，尝试禁用其他插件并重新启用Prettier插件。
- 确认当前文件类型受到Prettier支持。
- 检查项目中的Prettier配置文件，确保只存在一个有效的配置文件。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云开发：https://cloud.tencent.com/product/tcb
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（MPS）：https://cloud.tencent.com/product/mps
相关·内容
我将VS Code与ES Lint和Prettier一起使用，它们工作得很好。 但是今天我注意到Prettier不会像以前那样在保存时格式化代码。如果我删除了一个;或在代码中添加了额外的空格，它会在Prettier中显示为一个错误，但我必须右键单击并选择修复问题。我不知道为什么不像以前那样自动完成。 ? javascript.preferences.quoteStyle": "single",
浏览 117提问于2020-10-14得票数 1
回答已采纳
我在VS Code中使用这两个扩展来在保存时自动验证和格式化我的代码：Prettier - Code formatter和ESLint。 我在HTML文件中内联JS时遇到了问题。尽管在我的配置文件中，我已经显式地将选项html.format.contentUnformatted设置为"pre,code,textarea,script"，以防止使用默认的格
浏览 63提问于2021-01-26得票数 0
回答已采纳
我对VS Code中的扩展是如何工作的感到困惑。"Prettier - Code formatter“扩展(由Esben Petersen开发)已经作为扩展安装在我的VS Code中。我的问题是为什么我仍然需要跑步 在每个单独的项目中？扩展名不是已经应用到所有文件了吗？
浏览 81提问于2020-03-04得票数 0
回答已采纳
我试图弄清楚为什么我的设置没有在<template>code</template>中格式化。来搭建舞台。我一直使用Vue cli 3，模板eslint +标准，我使用VS代码，我得到了Vetur和eslint作为插件。我想使用@vue/essential配置，但正如所述，它不会在模板中格式化，而只是js。现在在模板中切换到@vue/recommended格式。有什么区别吗？eslint.workingDirectories"
浏览 0提问于2019-02-14得票数 1
回答已采纳
2回答
在typescript上使用VS代码时，每次我保存文件时，它会自动为我加入行，这有时有点恼人。例如，它将自动格式化 export { B,}; 至 export { A, B, C }; 有没有人知道怎么禁用它？请注意，我已经在我的设置中取消选中了Editor: Format on Save。
浏览 31提问于2020-01-30得票数 0
1回答
, "editor.tabSize": 4 "python.linting.pylamaEnabled": true, }
目前，当我保存.py文件时，函数中的所有属性将自动重新格式化为每行一个属性。如何禁用函数中属性将跨越一定长度，并在需要时使用新行？
浏览 0提问于2021-02-18得票数 0
所以问题是prettier不能很好地格式化html。ang-binding1]='someExpr' (someEvent)='someFunc($event)'>prettier会将其格式化为如下形式：
<some-component some-attribute [ang-binding1]='someExpr'
浏览 3提问于2018-05-10得票数 44
我在Visual Studio代码中使用Flutter (在Mac上)我对在保存时自动添加新行感到不舒服 ? 我想自己添加新行，如下所示 ?
浏览 33提问于2021-08-16得票数 0
我的VS代码设置是 {} 它以前是工作的，但在最近的更新之后，它停止了工作。
浏览 15提问于2020-10-19得票数 1
回答已采纳
19回答
我的VS代码中更漂亮的扩展名无法格式化HTML。
在尝试格式化时，我在底部看到这条消息-注意- TS文件和SCSS文件的格式正确。": true, "editor.defaultFormatter": "esbenp.prettier</
浏览 5提问于2019-09-12得票数 32
2回答
我只是想在两个左方括号在同一行的情况下这样做。ESLint做得对，但美化做不到，但ESLint只适用于内联Javascript。我使用VSCode中的美化扩展来尝试格式化这段内联javascript，如下所示： {
name: 'Snickers',(在.jsbeautifyrc中)是否有强制执行所需行为的规则，或者这是js-beautify中的一个bug吗？
浏览 6提问于2019-05-28得票数 1
当按下save时，即使在安装了VS.code -ls扩展之后，也不能格式化Elixir文件
VS.Code正在尝试使用Prettier作为默认格式化程序，而选项format with不显示其他格式化程序
浏览 20提问于2020-05-25得票数 4
我在VS中的.vue文件中使用了lang="sass“，但是autocomplete / IntelliSence对css属性不起作用。
浏览 2提问于2019-02-06得票数 2
5回答
在html标签中添加不需要的空格
、、、、
我正在尝试添加配置到我的项目，以便代码自动格式化。我已经对VS代码中的用户设置进行了一些更新，还安装了eslint和更漂亮的。我在我的.eslintrc.js或.eslintrc.json中尝试了许多不同的配置(我只有一种配置，但两种命名约定我都尝试过)。目前，我已经删除了.eslintrc.json中除空方括号{}之外的所有内容。",
"vetur.format.defaultFormatter.scss": "prettier</e
浏览 1提问于2020-07-29得票数 8
如下所示： .popupSubmit {background: #{{ generic_color_10 }};color: #fff; border-color: #fff;} 我将它设置为更漂亮的格式但结果是错误的 .popupSubmit {}color: #fff;
} 如何编辑格式化程序设置以修复此问题
浏览 54提问于2020-06-14得票数 1
我在vs代码中安装了更漂亮的扩展，当我点击格式化文件时，vs代码问我：“你想用默认格式化程序格式化还是用更漂亮的格式化程序格式化？”但是我不小心选择了默认的格式化程序。如何将其更改为默认设置为漂亮的格式？
浏览 1提问于2020-09-18得票数 16
回答已采纳
所以我的老师在一行中输入了这段代码： Alert.alert("Invalid Number!", "Number has to be a number between 1 and 99.", [{text: "OK", style: "destructive", onPress: resetInputHandler}]); 然后按下某个按钮将其自动格式化为以下格式： Alert.alert
浏览 31提问于2020-06-22得票数 1
回答已采纳
4回答
VSCode更漂亮
当在VSCode中保存react文件时，它启用了更漂亮的扩展名，我总是收到以下警告。即使我将prettier.arrowParens选项添加到.prettierrc.json文件中，也会得到相同的警告。在VSCode - File - Preferences - Settings - Extensions - Prettier-Code formatter configura
浏览 14提问于2019-11-13得票数 2
回答已采纳
我是react .getting的新手，这个错误Jsx片段没有相应的结束标记，这是我的代码 cart.js import React from "react";
} 添加product.js import react from "react";
return < > addproduct < /&g
浏览 696提问于2021-03-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
