2017-03-31 103 views
2

我已经开始学习React Native了。Visual Studio代码格式化保存失败

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

我已经设置了锅炉板并启动了应用程序。但是,无论何时我更改.js文件并保存,VSCode都会搞乱所有的格式。

Before save After save

我认为我可以在settings.json文件,但谷歌上搜索了一会儿,玩弄我无法找到正确的设置后进行排序这一点。

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

设置文件是默认的:

enter image description here

UPDATE:我重新安装vscode。然后设置一个带有原生标签和html标签的基本js文件。我加入:

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

要我settings.json文件和问题仍然存在:

pre save post save

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

+0

请在'settings.json'文件中添加信息。 – jose920405

+0

@ jose920405已更新 – DarthJam

回答

9

我发现这是通过查看扩展名。感谢@ wgj的提示。

原来是JS-CSS-HTML格式化程序。我查看了说明并已经删除了现在的自动保存。我将不得不为此制定具体设置。

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

enter image description here

1

您应该在settings.json中搜索“格式”。你会发现一大堆在那里打字稿/ JavaScript格式调整的,但站出来给我的一个是:

// Defines space handling after opening and before closing non empty brackets. 
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false 

替代,你不是格式化的粉丝可言,你可以把它完全关闭:

// Enable/disable default JavaScript formatter. 
    "javascript.format.enable": true, 

然而,我的很多格式选项来自语言服务器扩展,所以如果你使用一个特异性反应本地人,一定要检查的属性在settings.json,或文档查看如果有任何属性可以添加。

+0

我试过这两种都无济于事。我注意到格式化文件('CTRL + SHIFT + F')给出与保存相同的结果。查看更新的问题 – DarthJam

+1

关于标签的有趣观察。你有任何扩展的HTML?也许他们太过激进了。此外,要检查的愚蠢的东西,但在你的截图看起来像settings.json需要保存。 – wgj

+0

是的,我确实保存了它。你是对的,这是一个扩展。 – DarthJam

1

我有一个类似的问题,事实证明我的终极元凶......

js-beautify for VS Code by HookQR

所以我干脆禁用它为工作区。

1

我通过将我的组件文件扩展名从js转换为jsx,发现我对此问题的解决方案。没有更多的问题,一切工作正常。

+0

这解决了我的问题! –

相关问题