我也想在vscode中写一个chatGPT插件

新增命令，我们需要下面三个命令，对应的title都很清楚了

"contributes":{{"command":"CodeToolBox.chatGPTView","title":"chatGPT对话框"},{"command":"CodeToolBox.openChatGPTView","title":"打开chatGPT对话框"},{"command":"CodeToolBox.hideChatGPTView","title":"关闭chatGPT对话框","icon":"$(close)"}}在package.json添加配置

"views":{"CodeToolBox":[{"id":"CodeToolBox.welcome","name":"welcome","when":"!CodeToolBox.chatGPTView"},{"type":"webview","id":"CodeToolBox.chatGPTView","name":"chatGPT","when":"CodeToolBox.chatGPTView"}]},在package.json添加配置，配置插件视图顶部，即title

"menus":{"view/title":[{"command":"CodeToolBox.hideChatGPTView","when":"view==CodeToolBox.chatGPTView",//当插件视图为`chatGPT对话框`时才出现"group":"navigation@4"//分组是为了不让他两在同一个`...`出现},{"command":"CodeToolBox.openSetting","when":"view==CodeToolBox.chatGPTView","group":"navigation@3"}]}CodeToolBox.chatGPTView、CodeToolBox.openChatGPTView、CodeToolBox.hideChatGPTView，现在这里处理这三个命令

需要安装四个依赖

组件代码：CodeDisplay.vue

页面模板文件：index.vue

页面数据：model.ts

方法文件：service.ts

接口文件：api.ts

方法驱动文件：presenter.tsx

ps：总感觉这样贴代码很罗嗦，但也怕大家看不懂，下面看看效果图：

至此，chatGPT对话框的动能就算完成了~

这里要实现的功能：用户选中编辑器的一段文案后，右键找到CodeToolBox=>解释这段文案，自动唤起chatGPT对话框，并自动提问

这里会获取用户选中的文本，若没有选中文本则会提示，调用openChatGPTView方法，传递hostname、apiKey、model、selectedText参数给webview进行处理，接收到