logo标签列表

Visual Studio Code保存时格式化失败

react-nativeformattingsavevisual-studio-code
30

我开始学习 React Native。

我使用 Visual Studio Code 作为我的编辑器。

我已经设置好模板并启动了应用程序。但是，每当我更改 .js 文件并保存时，VSCode 就会破坏所有格式。

保存前保存后

我认为我可以在 settings.json 文件中解决这个问题，但是经过一段时间的谷歌搜索和尝试，我找不到正确的设置。

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

设置文件是默认的:

输入图像描述

更新：我重新安装了 vscode。然后设置了一个基本的 js 文件，其中包含一个 React Native 标签和一个 HTML 标签。我添加了：

"editor.formatOnSave": false,
"javascript.format.enable": false

我已经将这个问题记录在我的settings.json文件中，但问题仍然存在：

pre save post save

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

请在 settings.json 文件中添加信息。 - jose920405
@jose920405 已更新 - Jamadan
18个回答
1

将以下代码添加到 settings.json 文件中。无论您是否使用任何扩展，都可以使用此代码。对我来说效果很好：

enter image description here

0
我刚遇到了这个问题，显然是因为beautify/prettier的缘故。尝试禁用它们，然后重新启动Vs code（您的编辑器）。但如果您真的想使用prettier，请进入其扩展设置，并确保它在严格的空格模式下，并切换一些其他设置，那么您就没问题了，干杯。
0

您可以在选择语言模式下的任务栏中选择JavaScript React。

0

只需从设置中关闭保存时的格式选项即可。

0

将底部工具栏中的文件格式从JavaScript更改为JavaScript React对我来说完全没有问题

0

您可以尝试以下方法：

  1. 卸载不必要的其他格式化程序。要检查您有多少个格式化程序，请按ctrl + shift + p或command + shift + p（mac），然后键入“format document”，然后会出现一个菜单，显示您的格式化程序

  2. 按ctrl + shift + p或command + shift + p（mac），然后键入“settings”，点击打开用户设置，然后搜索“format on save”并勾选该框

就是这样！

享受吧！

-1
我尝试了所有的方法，但是通过以下方法完全解决了问题： - > 打开setting.json文件 - > "files.associations": { "*.js": "javascriptreact" } - > 添加以上行并保存，问题将得到解决。
-2

在创建项目时，您可以输入以下命令字符串

npx create-react-app name-of-app react-complete-guide

或者，如果你已经安装了create-react-app

create-react-app name-of-app   react-complete-guide
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接