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