Hancel's Blog

开发 VSCode 扩展，有时候 VSCode 本身的交互无法满足需要，这时候就可以使用 WebView 来实现自定义的交互。本文将介绍如何在 VSCode 扩展中使用 WebView。VSCode 目前最新版本已经可以在 Editor，SideBar，Panel 中使用 WebView。基本覆盖了 VSCode 的主要 UI 部分。

自定义协议可用于在网页打开桌面应用程序。自定义协议有别于常见的 http、https、ftp 等协议，它是由开发者自己定义的。

前言：这是捉鬼记系列的第三篇，如果你还没看过第二篇，可以看看：捉鬼记（二）—— 神秘的部分接口 404

这次终于不是周五了，某日早晨，坐我对面的同事突然探出头来，“林工，来帮忙看个问题呗~”。隐隐一些预感，鬼又来了。

他的问题是这样的，他的系统有一个页面，里面有一个 tab，因为某些特殊的需求，需要按下左右键切换前后的 tab。于是他使用了一个 hotkey 的库来做监听，然后在监听到左右键的时候，去修改 tab 的 activeIndex，activeIndex 是一个 v-model 绑定的变量。除了听过左右键切换，也可以直接点击 tab 切换，每次切换时，就会调用一个函数，用来改变 tab 下方动态载入的组件。这两个功能单独来说都是正常的，但是如果先点击 tab 切换，然后再使用左右键切换，就会出现问题，每次会切换两个 tab。

前言：这是捉鬼记系列的第二篇，如果你还没看过第一篇，可以看看：捉鬼记（一）—— ERR_INSUFFICIENT_RESOURCES

又是某日周五，本来已经收拾好了东西准备下班，路过同事的时候，瞥了一眼，就被拦下了。

同事遇到一个问题，他的系统有很多接口，但是其中一个接口，访问会返回 404。接口是通过 NGINX 反向代理的，但是代理的后端原始接口，使用 APIFox 请求却完全正常。

代码写多了，难免撞到鬼。鬼本是不存在的，只是代码多屎山堆积，幽径曲折，一时之间往往难以窥得全貌，遂以撞鬼。须知代码之下，皆是逻辑。故鬼怪作祟，多是自己或前人挖坑罢了。

此捉鬼记，记录日常撞见鬼故事与最后破除之法，以便鱼友共勉。