ChatGPT走入了千家万户,而她最适合的用法之一就是进行编程辅助,特别是对一些常规开发,有比较好的引导作用。
很多主流编辑器都有相关的插件支持接入ChatGPT,而VsCode和webstorm是我主力IDE,今天会以它们为例。
下面先以VsCode为例,毕竟开源免费,可能用的人更多一点。首先在扩展(extension)里面搜索【ChatGPT】,可以找到排名靠前的ChatGPT插件,如图所示。

在VsCode里面选择插件的时候要注意,尽量选择下载量最大的那个,我们已经听说过很多无良插件暗地里给开发者加黑科技的故事,所以远离那些下载量少的非主流插件。
安装好之后,它会在左侧bar上显示一个ChatGPT的图标,点击之后可以看到首页如下图所示。
极速编程体验:VsCode和webstorm插上ChatGPT-小白菜博客
点击login按钮进行登陆,如果是第一次登陆,那么会让你提供openAI API Key并保存到插件配置里,你需要登陆chatgpt帐号,在这个页面找到你的api key: https://platform.openai.com/account/api-keys,如果没有创建可以点击create按钮生成一个,如图。
极速编程体验:VsCode和webstorm插上ChatGPT-小白菜博客
配置完成之后,就可以快乐地和ChatGPT对话啦,例如我问怎么用jest框架提高代码质量,它的回答还是比较靠谱的。

极速编程体验:VsCode和webstorm插上ChatGPT-小白菜博客
值得一提的是:该插件还支持把对话结果导出为Markdown格式,比官网的方便。
webstorm接入ChatGPT也类似,可以在setting-> plugins里面搜索下载量最大的那个ChatGPT插件,然后进行安装并配置openAI API key即可。
极速编程体验:VsCode和webstorm插上ChatGPT-小白菜博客
回答中规中矩,格式也有些奇怪,不如VsCode里面的显示。

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