This Visual Studio Code extension allows you to use the unofficial ChatGPT API to generate natural language responses from OpenAI's ChatGPT to your questions, right within the editor.
- Ask general questions or use code snippets from the editor to query ChatGPT
- View its responses in a panel next to the editor
- Insert code snippets from the AI's response into the active editor
To just install this extension, download .vsix
file from Releases.
- Open the
Extensions
panel in VSCode by going to theView
menu and selectingExtensions
. - Click on the
...
icon at the top right of the panel, and selectInstall from VSIX
. - Select the downloaded VSIX file to begin installation.
- After the installation is complete, you will need to add your ChatGPT session token to the extension settings in VSCode. To do this, open the
Settings
panel by going to theCode
menu and selectingPreferences
, thenSettings
. - In the search bar, type
ChatGPT
to filter the settings list. - In the ChatGPT section, enter your session token in the
SESSION_TOKEN
field.
After completing these steps, the extension should be ready to use.
To use this extension, you will need to authenticate with a valid session token from ChatGPT. To get a session token:
- Go to https://chat.openai.com/chat and log in or sign up.
- Open the developer tools in your browser.
- Go to the
Application
tab and open theCookies
section. - Copy the value for
__Secure-next-auth.session-token
and save it.
Once you have obtained a session token, you can configure the extension to use it as described in the previous section.
To use the extension, open a text editor in Visual Studio Code and open the ChatGPT panel by clicking on the ChatGPT icon in the sidebar. This will open a panel with an input field where you can enter your prompt or question. By clicking enter, it will be sent to ChatGPT. Its response will be displayed below the input field in the sidebar (note that it may take some time for it to be calculated).
You can also select a code snippet in the editor and then enter a prompt in the side panel. The selected code will be automatically appended to your query when it is sent to the AI. This can be useful for generating code snippets or getting explanations for specific pieces of code.
To insert a code snippet from the AI's response into the editor, simply click on the code block in the panel. The code will be automatically inserted at the cursor position in the active editor.
Please note that this extension is currently a proof of concept and may have some limitations or bugs. We welcome feedback and contributions to improve the extension.
The extension makes use of this ChatGPT package, which uses ChatGPT unofficial API in order to login and communicate with ChatGPT.