VSCode格式化代碼功能失效的bug解決方法

前不久我裝上了

黑蘋果，那么為了快速轉移開發環境，我使用了VSCode(Visual Studio Code下面簡稱VSCode)的插件

Settings Sync來同步個人設置和其他常用插件，如果不熟悉

Settings Sync的可以參考之前我寫的一篇文章

《Visual Studio Code 設置同步到github的插件介紹及使用方法(Settings Sync)》來使用。

現象

當然本文并不是介紹同步，而是要說同步后的編碼過程中出現的異常。在Mac下安裝好VSCode，用Settings Sync同步成功后，接著git clone正在開發的項目到本地，開發過程中，卻發現一個非常奇怪的問題：所有的格式化代碼的功能都失效了。Mac下使用快捷鍵“Alt+Shift+F”(我用的windows鍵盤)，卻提示，“當前沒有安裝“xxx”文件的文檔格式化程序。”！我的Vue，SCSS代碼都無法正常格式化！這個非常令人不爽，難道Mac下的VSCode會有格式化代碼功能的缺失？和Windows版本的VSCode功能不一致？我覺得不太可能。于是重啟回到Windows 10，重新拉了項目測試，毫無問題。無論是Windows還是Mac，都是最新版的Visual Studio Code。

分析

無奈之下去google了一下格式化代碼的問題，發現很多人都遇到過，有的人說重裝VSCode，但是我才新裝的，所以排除了，但是重裝這個詞讓我想起一個東西，就是這些格式化代碼工具，例如Vetur，Prettier，他們正常運行的時候都是會在編輯器中產生一個服務或者提示，而失效狀態下是看不到的。于是我嘗試把Vetur插件停用，重新加載再啟用，然而還是無效！

想來想去，插件也安裝了，編輯器也是新裝的，為何插件沒起到作用，突然記起之前Windows下的輸出面板中是有Vue Language Server的，而現在卻沒有，是不是要重新安裝插件呢，或者說通過Settings Sync自動化同步插件安裝的功能還存在一些其他的問題呢？

解決方案

帶著疑問我嘗試著將Vetur和Prettier卸載，然后再重新安裝，啟動VSCode，打開項目，切換到一個Vue頁面，終于看到了Vetur的服務，比如下面這張圖中表現了正常的格式化功能的效果(截圖為我解決問題后的圖片)

圖中看到這里有個Vue Language Server，才是真正表示Vetur插件正常，右下角還有個Prettier，說明一切正常，再試了一下使用快捷鍵“Alt+Shift+F”，也終于可以正常格式化代碼了！問題完美解決。

結論

有時候自動化工具安裝的插件可能會存在一些問題，雖然不排除我這個問題發生的偶然性。

另一方面，重裝軟件有時候能解決問題，不過需要針對問題分析，從最小的改變逐漸排除故障。如果我把VSCode重裝，再用Settings Sync同步一次，也許的確可以解決問題，但是也有可能依舊存在問題，而從插件重裝下手才是比較省時省力的。

那么，如果開發中依賴插件的部分功能失效了，你也可以嘗試重裝插件，或許問題就能快速解決了～

補充(2018年07月03日)

最近GitLens插件也是時好時壞。上面的方法又不奏效了。查了插件相關文檔和Issues也沒找到怎么解決。

后來無奈之下只得重裝VSCode，重新使用settings sync同步了代碼，問題才得以解決。

因此，如果實在是遇到莫名其妙的插件無法正常工作的情況，看樣子還是要重裝編輯器了。

這里介紹下Mac下的VSCode卸載正確姿勢。開啟終端：

sudo rm -rf $HOME/Library/Application\ Support/Code

sudo rm -rf $HOME/.vscode

此時你可以重新下載最新的VSCode，覆蓋你的Visual Studio Code.app，或者你不想用了就直接刪除Visual Studio Code.app就徹底卸載了。

總結

以上是生活随笔為你收集整理的vscode 格式化某一段代码_VSCode格式化代码功能失效的bug解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。