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

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就完全卸載了。