How To Connect ChatGPT To Vscode 2024! (Full Tutorial)

yo hello everyone and welcome back to a brand new video enhance your coding experience in 2023 by linking chat GPT to visual studio code this comprehensive tutorial will show you how to simly integrate the two platforms making coding and development more efficient so guys let's get started before we start with this video make sure to watch it from now till the end so you have the full information so guys obviously the first thing that we will need to have is Visual Studio code and as you can see this is it in front of you for those who doesn't own it already you can simply head up to visual studio code or just right Visual Studio make sure guys that the visual studio code is the blue icon one there is two apps with the same logo the visual studio uh without code and the visual studio code so there is two visual studio and visual studio code in our case we are going with video Visual Studio code here simp pleas let head up to their official web page and make sure to download it to whatever uh system you have they acccept mic OS windows x64 and Linux x64 and there is other downloads and open on web in case you didn't want to download it right after that Mi sure to go through the installation and the download process that is very easy so normally when you open your uh Visual Studio code for the first time it will be something looking like that with your code around here and yeah the system will be here etc etc now what is more interesting guys is we need to add sometimes our uh code of sh GPT as an example so what can we do to actually code chat GPT to help us encoding in Visual Studio code so you might think that you will go here search for chat GPT and maybe somehow uh helping with coding in VCS code but yeah it can be very helpful but still you have to use two platforms which is your browser and then the visual studio code and it can be time consuming especially if you don't have two screens that you can go uh look at the same time for example you have ch GPT in one screen and VSS code in the other well this is the solution for you guys especially for those with one screen is once you have Visual Studio code opened you will find this left side menu bar over here here you will find the extensions if you clicked on control shift X as well you will be able to open the extensions section in here guys you will be able to find the Marketplace which is basically all the add-ons all the languages all the extensions that you have or you can add into your vs code so in our case today we are obviously going to search for chat GPT so here we go as you can see this is CH GPT K fre free for charge and this is its features for those who asking how can we use it well these are your features copying theer code into current and new files add brief defined prompts for quick input during questioning export code or entire conversation as markdown files save your conversation history on your local hard drive replay Contin manage at any time bind your own API key that support gp4 to use the gp4 model bind your own API key to support stream in context conversation and you can post the response at any time use your own open AI server privacy secured all information is sa on your local hard drive without uploading any information to any server the plugin supports multiple languages including English simplified Chinese and traditional Chinese if you wish to add new languages please raise an issue here these are the commands that you can use for example check the following code for box and provide repair suggestion explain the following code in detail refractor this code in tell me what did you change Char GPT two points add test the following code Char GPT add predefined prompt CH GPT CH predefine prompt Char GPT custom prompt so you can generate custom requires for Char GPT Char GPT at predefined prompt at predefined prompt there is also bind your own API Char GPT valid API key there ispt refresh API key there ispt set language GPT set up a custom proxy server uh should ask a question and clear list and finally export markdown for the users simply you just have to go and install the extension from the vs code Marketplace as you can see right in front of VI in this video and then as you can see simply by clicking on this install button here we go install it and there we have it so now it is enabled so the next thing is basically press the shortcut control shift p or command shift p and type shot GPT ask a question so let's try it out contrl shift p and shot GPT for example ask a question here I'm going to write anything uh 1 + 1 and there you have it so here it is your conversation conversation with ch GPT so here for example what is 1 + one and as you can see see client requires error please retry if it still doesn't work yeah here it still needs the API key as you can see so before it can even be integrated you have to get your API key well for the API key you can get it normally through the settings by going to your data and get it through here but this is only available for the users who has the shot GPT premium so for the shot GPT 4 you will get all the pair features that you have in ch GPT and of course you will get the uh the AI model or the API model key so you can use it on your vs code and in general basically what you're going to get through this is a small shot GPT conversation inside of Visual Studio code nothing crazy about it so you can still gu CH GPT normally they are still the same thing nothing is pretty much different just for those who has like um have it annoying to keep switching between the window for example from app to another from vs go to Google Chrome well yeah it can be very very annoying especially for a long time coding a long day of coding well yeah it do be annoying but in general for those who got two screens I prefer for my own self that I upgrade my plan on chat GPT and get the chat GPT for and use it on the browser there is no problem of using chat GPT on browser because it will be even much faster since you will be connecting to the server uh like um directly instead of having like a third party API that will help you do that and at the same time it will still be faster for you with two screens that have it inside of your Visual Studio code so yeah guys that was it for today's video I hope you enjoyed it I kept every information as detailed as possible thank you guys a lot for watching and see you guys in the next tutorial

Channel: Easy Solution

Views: 2,009

Keywords: connect chatgpt to vscode, chatgpt vscode extension, chatgpt vscode, how to connect chtgptwith vs code, vscode chatgpt plugin

Id: IFyrXelfxCg

Length: 8min 10sec (490 seconds)

Published: Wed Nov 08 2023