问题标签 [prettier-vscode]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2968 浏览

visual-studio-code - 更漂亮的 VSCode JSON 格式错误 - SyntaxError: ';' 预期的

 


更漂亮的 VSCode JSON 格式错误


        我正在尝试使用PrettierVS Code中格式化JSON文件,但是,我还没有成功格式化任何 JSON 文件。我使用 Google 搜索了解决方案,但无法返回任何有用的搜索结果。我想知道怎么做,是能够修复我得到的错误,所以我可以使用 VSCode Prettier 扩展来格式化 JSON 文件。如果我无法弄清楚,我会满足于知道如何禁用 Prettier,并使用VS Code 'out-of-the-box'附带的"VS-Code Language Features"格式化 JSON 。

 

下面是我的.prettierrc配置



这是我尝试格式化的 JSON 文件



这是在控制台中打印的更漂亮的错误



0 投票
0 回答
299 浏览

visual-studio-code - prettier-vscode is ignoring my tabs setting

I'm using Visual Studio Code and the prettier plugin for it, version 5.8.0. In the extension settings of prettier I configured a tab width of 12. I also configured a tab width of 12 in a .prettierrc.json file:

The editor tab size of Visual Studio Code is set to 4. When I now create a new file and format it (auto save and auto format on save is enabled and default formatter is set to 'esbenp.prettier-vscode) then it's not indented by 12, but by 4. So my prettier settings are worthless.

Why? What did I wrong?

0 投票
1 回答
3486 浏览

ruby-on-rails - 更漂亮的 YAML - SyntaxError:紧凑映射中不允许嵌套映射

在我的项目中,有一个用于 NewRelic 的 YAML 文件,newrelic.yml其中有一行用于设置的 Ruby 代码app_name。现有配置正在运行,我需要编辑文件,但是当我尝试执行yarn commit它时失败并出现以下错误,对我来说这看起来像一个更漂亮的错误。

我试图#prettier-ignore在该行之前添加,但它仍然导致提交失败。

我的代码编辑器是相关的 VSCode。

所以我想弄清楚为什么# prettier-ignore它不能像更漂亮的文档所表明的那样工作。或者弄清楚如何让事情格式化以通过,这显然是首选选项。

0 投票
1 回答
4017 浏览

visual-studio-code - 奇怪的 HTML 格式更漂亮

当我使用内置格式化程序时,我有这个 HTML 。不好。我希望每个标签都被级联。在这里,我们有 span 和 svg 以及 a 在同一行。

在此处输入图像描述

用 prettier 格式化后(这个版本

我明白了。这几乎更糟。(请参阅稍后的编辑部分,解释为什么它实际上是 prettier 的明智选择。)

在此处输入图像描述

更漂亮的配置是

在此处输入图像描述

我可以用什么来正确地自动格式化这个 HTML?


编辑:我得到了我想要的美化扩展并编辑它的内联配置。 在此处输入图像描述

就是为什么更漂亮的格式是这样的。这是一种不破坏内容显示的解决方法。实际上,一旦您习惯了它,它就非常聪明。

您可以使用选项覆盖它

请参阅上面的链接以了解更多信息。

0 投票
3 回答
4000 浏览

visual-studio-code - 更新 VSCOD 加载工作区文件夹时出错

每次打开 VS Code 升级后,我都会得到一个Error loading workspace folders,甚至所有扩展都不起作用

go version go1.12.17 darwin/amd64 VsCode 版本:1.52.1 操作系统:Darwin x64 20.2.0

图像错误消息

在此处输入图像描述

0 投票
0 回答
107 浏览

javascript - 防止对象换行

我在 VS-Code 中尝试了一切settings.json,但没有成功。我有一个里面有对象的数组,不希望它被格式化为新行。

应保持原样,但键正在移动到新行:

VS 代码:更漂亮的 5.9.1

试过

  • "html.format.wrapAttributes": "preserve-aligned",
  • "editor.wordWrapColumn": 10000,
  • "html.format.preserveNewLines": true,
  • "prettier.printWidth": 2100,
0 投票
0 回答
1029 浏览

visual-studio-code - 更新 vscode v1.53 后 vscode Prettier 不工作

我已经使用 vscode prettier 几个月了。我总是用它来使用 vscode 快捷方式自动格式化我的代码Shift + Alt + F>Format Document在命令面板中输入

但是突然之间,vscode 给了我这个错误这个错误消息:“invalid prettier configuration file detected. See log for details.”。这发生在将 vscode 更新到 v1.53 之后

当我单击“显示日志”时。它告诉我这个:。(原因要长得多,但我认为这是最重要的部分)

在我的 package.json 里面有 value "type": "module"

这就是我的 .prettierrc.js 的样子:

.eslintrc.js:

请注意:在 vscode 更新到 v1.53 之前它工作正常

我的回购是用打字稿写的。我没有理想的原因是什么导致了这个错误。请帮忙。谢谢你。

0 投票
1 回答
1466 浏览

visual-studio-code - VS Code + Prettier 不使用 printWidth 设置?

我试图让 Prettier 用printWidth80 个字符(我理解为默认值)格式化我的文件。但是,即使配置了我的用户设置:

"prettier.printWidth": 80

.prettierrc并在项目中使用配置:

...保存文件时没有任何变化(实施了其他设置,这让我认为某处存在冲突)。

甚至 VS Code 中的 Prettier 输出也显示它正在引入配置:

0 投票
0 回答
51 浏览

prettier - Prettier - 如何指定内联选项?

.prettierrc:

美化代码:

我想指定printWidth内联,例如:

所以选择器不会换行,这可以实现吗?

0 投票
1 回答
167 浏览

visual-studio-code - 代码格式化程序“无法格式化”JavaScript 文件

我正在使用 Macbook,突然我在 VSCode 中的 Prettier 无法正常工作,并在底部栏中显示如下消息: 在此处输入图像描述

这是我的 settings.json 文件:

同样在右下角,它显示了 Prettier 的复选标记,如下所示:

在此处输入图像描述

有人可以帮我修复它,我一直在尝试卸载并再次安装 Prettier 或 VScode,但它仍然显示相同的错误消息。