2017-03-31 137 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

這解決了我的問題! –

相關問題