Open remote servers in VSCode natively!

hey everyone welcome back my name is Mei hole and in this video we are going to discuss something interesting which just happened so there's this thing called remote development which is which is an official extension from vs code itself which allows you to develop vs code develop in vs code on remote servers but that what I mean is that you can open your remote servers directly into vs code now if you are a geek you know that you could do this technically over SSH with something known as our made an R sub which are like some sort of implementation in Ruby which allow you to do the same thing but it worked only for a single file what vs code is doing is that they allow you to directly develop the whole thing in vs code on a remote server so it opens up folders you can install extensions and all that stuff so vs code pretty much provides all of that out of the box now remember this is in preview right now so you need a vs code inside a build for that but I'm just gonna go through over it how you could get started with it right now so you could see that I have this instance right now which is a sent OS sent OS seven instance running on Google Cloud and let me just show you how my config file looks like or rather I will just go ahead and open my vs goal here you could see that it's screen because it's inside our build so what I'm gonna do is right here I'm just gonna close this off alright so once we are in here what we need to do is actually let me just zoom in here so that you are able to see so what you have to do is go to extensions and search for remote development right so what this extension would do is that it's actually a pack of three extensions which are these three remote SSH containers and wsl we are going to use SSH right now because we want to enable vs code on remote machines so right now what you have to do it's pretty simple just go ahead and first of all just open just write remote SSH press command shift B or rather let me just see if I could just and enable the love / alright suits toggle screen cast mode so once we have done that what I'm gonna do is come on shift B command oops we're not getting it command shift B and I'm gonna write remote SSH and then we could see that we have a bunch of options here so what I'm gonna do is I'm gonna first of all open my configuration file right and this is my file on a Mac on a Linux you would have a similar file so what you have to do is first of all create a host entry for your remote system right because this makes your life a lot a lot easier for Mac it's pretty simple Mac or Linux you just have to use host keyword write whatever you want this to be denoted as use keychain yes because I'm using like the passphrase authentication as well host name contains your IP address user contains your dev and added G file is basically the file it will use for authentication purpose alright so once you have done that we're going to go ahead and remote SSH connect current window to host and I'm gonna write vs code again which is as you can see it's a sent OS 7 system running on Google Cloud right so you can see that it fires off this terminal and we could pretty much see exactly what's happening so it's setting up the host ssh host vs code it's initializing the server it's installing all those required things and so on and so forth so you could see that it connected to the SSH host and it saves me do not close the stumble but obviously I can just press on this cross here that just minimizes it it does not closes it you could see that we are now connected via SSH to we escort and it activated the extensions as well there alright so you seem to have get one point eight point three or one point eight point three point one install you would see that this notification right here is not for me it's from my send OS over so let's just go ahead and take a look at my gate version right here so I'm gonna see get we is get version is two point twenty point one you could see it was pointing one point eight something and right here if I go to my send to a server we're gonna see get version is one point eight which is right right so now we are completely immersed into my server so what I'm gonna do is first of all open a folder now it asks me where to what folder should I open you could see that this is my remote server actually not my real computer so I'm gonna go ahead with this dummy folder which I have created and okay I'm gonna press ok here because I won't want to open this particular folder right and right here if I go ahead and go to this dummy folder you're gonna see that we get this particular information which this dummy folder contains and once it reconnects it not really sure why it reconnects it again once it's has connected but yeah this is pretty much still in development so we could expect a lot of changes you see that I could just update gate right here okay so that does not really work you right so we are back here and what I'm gonna do is inside this SRC index dot J's for example you could see that this is just a demo project I have cloned off github but you could see that I am right now working with remote server right so I can just go ahead and save this file and if I go ahead right here and right Dale F SRC indexed is right here right so if we take a look if I add a comment right here it's safe what you're gonna see is once it's saved actually over the SSH tunnel we should see a comment right here right so yeah that's pretty cool now the only thing which bothered me with this extension right now I know this is still in development but first of all it's really slow over SSH way too slow I don't think my internet here is any sort of blocking factor or the Google cloud server itself but es code is running way too slow in opening these files and you know updating these files it could be a bit faster than this and the second thing is it was not really stable with my Ubuntu systems so I had to use a Centaurus image for this video I'm not really sure why but for me my main code damn servers which uses a bun too by the way the connection Cape kept dropping very frequently so I had to use that other than that these guys are doing a pretty decent job I'm really really excited to see what is the next release what's the stable release would look like because it's pretty interesting you would see that you have your whole project in front of you you could install all these extension you could see that these are my local extensions which are installed these are the vs quad extensions which are installed over there over on my cloud server so I could just go ahead and install like maybe like es Lent for this particular project right and you could see right here ok so it requires reload let go with something which doesn't require reload so I'm gonna go with prettier right so it saves me that it's already installed but if I want to install it on SSH well yes I want to install it on SSH and once it's done installing we should be able to use prettier on these files as well pretty cool right so yeah that was basically and it let me see if you could do here configure right and yeah so anyway so we could go ahead and install a bunch of extensions start debugging here forward some boots as you can see you can forward up or you could actually open folders which is pretty cool one of the greatest features I like for this part of development and yeah it's it's pretty exciting to see where Microsoft would take this so yeah that's all for this one and if you like this video don't forget to subscribe press the bell icon and like the video so I'll see you then in the next video

Channel: Mehul - Codedamn

Views: 126,117

Keywords: vscode, vscode insider, vscode ssh, ssh vscode, vscode remote server, remote server vscode, remote server, vscode open folder, vscode ssh folder

Id: QAtDD0rtioQ

Length: 8min 58sec (538 seconds)

Published: Fri May 17 2019