极速编程体验：VsCode和webstorm插上ChatGPT

ChatGPT走入了千家万户，而她最适合的用法之一就是进行编程辅助，特别是对一些常规开发，有比较好的引导作用。

很多主流编辑器都有相关的插件支持接入ChatGPT，而VsCode和webstorm是我主力IDE，今天会以它们为例。

下面先以VsCode为例，毕竟开源免费，可能用的人更多一点。首先在扩展（extension）里面搜索【ChatGPT】，可以找到排名靠前的ChatGPT插件，如图所示。

在VsCode里面选择插件的时候要注意，尽量选择下载量最大的那个，我们已经听说过很多无良插件暗地里给开发者加黑科技的故事，所以远离那些下载量少的非主流插件。

安装好之后，它会在左侧bar上显示一个ChatGPT的图标，点击之后可以看到首页如下图所示。



点击login按钮进行登陆，如果是第一次登陆，那么会让你提供openAI API Key并保存到插件配置里，你需要登陆chatgpt帐号，在这个页面找到你的api key: https://platform.openai.com/account/api-keys，如果没有创建可以点击create按钮生成一个，如图。



配置完成之后，就可以快乐地和ChatGPT对话啦，例如我问怎么用jest框架提高代码质量，它的回答还是比较靠谱的。

值得一提的是：该插件还支持把对话结果导出为Markdown格式，比官网的方便。

webstorm接入ChatGPT也类似，可以在setting-> plugins里面搜索下载量最大的那个ChatGPT插件，然后进行安装并配置openAI API key即可。



回答中规中矩，格式也有些奇怪，不如VsCode里面的显示。

总的来说，插件可以比较方便地集成ChatGPT，体验上我还是更喜欢VsCode。