Visual Studio代码格式在保存时失败

Dar*_*Jam 10 formatting save react-native visual-studio-code

我开始学习React Native.

我正在使用Visual Studio Code作为我的编辑器.

我已经设置了锅炉板并启动了应用程序.但每当我更改.js文件并点击保存时,VSCode就会搞乱所有格式.

保存之前 保存后

我以为我可以在settings.json文件中对此进行排序,但在google搜索一段时间后,我无法找到正确的设置.

这是一个错误还是我做错了什么?

设置文件是默认文件:

在此输入图像描述

更新:我重新安装了vscode.然后使用react native标记和html标记设置一个基本的js文件.我补充说:

"editor.formatOnSave": false,
"javascript.format.enable": false
Run Code Online (Sandbox Code Playgroud)

到我的settings.json文件,问题仍然存在:

预先保存 发布保存

问题是在js文件中有标签,我只是不知道如何告诉vscode忽略它们?

Dar*_*Jam 16

通过查看扩展,我发现了这是什么.感谢@wgj提示.

原来它是JS-CSS-HTML格式化程序.我查看了说明并暂时删除了自动保存.我将不得不为此制定具体设置.

它使用js-beautify,所以如果有人知道我应该看的设置将非常感激.

在此输入图像描述


小智 9

我有一个类似的问题,结果我的最终罪魁祸首是......

js-beautify for VS Code by HookQR

所以我只是为工作区禁用了它。


小智 8

同样,保存后我所有的 HTML 格式都乱了,我禁用“JS-CSS-HTML Formatter”并解决了问题


小智 7

最后,诀窍是在底部工具栏上将文件格式从 JavaScript 更改为 JavaScript React。

在此输入图像描述


小智 6

保存后,我所有的 HTML 格式在 js 中都混乱了,我禁用“JS-CSS-HTML Formatter”并重新启动 vscode,问题解决了。