Remote Development with VSCode (SSH)

VSCode’s Remote Development extension allows you to do development work directly on a remote server via a SSH connection. This offers a lot of benefits versus the traditional approach of running a development server on your own computer.
NOTES: codewithsusan.com/notes/remot...
=== CHAPTERS ===
00:00 Why do Remote Development
00:55 Procedures - Extensions
02:34 Setting up the server for the example
5:05 Configure connection in VSCode
7:22 Connecting to the server
8:13 File explorer
9:55 Installing extensions
11:45 Optimizations
13:44 Swap file to prevent lockups
14:55 Server is public - consider HTTP auth
=== RELATED VIDEOS ===
→ HTTP Basic Authentication - Password Restrict an Entire Site (Nginx): • HTTP Basic Authenticat...
→ Enable Swap Space an Ubuntu server - Easy Backup RAM Memory: • Enable Swap Space an U...

[@gw8562]

Susan, I learned a lot from you in Harvard Extension and I am happy to see you on RUclips. Thank you for your clear, concise explanations! I use VSCode quite often and it was interesting to learn about this approach to development.

[@codewithsusan]

Good to see former students here - thanks for watching! :-)

[@coolmaneden]

Hi Susan, thank you so much, this tutorial is very clear and especial for those useful setting for slow ssh connection.

[@thefullstackoverdose]

Great lesson i always refer to it when Im setting up my VsCode on my new machines

[@jiaqint961]

thank you for making such easy to follow tutorial.

[@anuragray6924]

This is the quickest yet most clear video I have got for setting up vscode for remote development. Thank you so much. I wasted so much of time following other videos. But your video saved my day. :)

[@codewithsusan]

Thanks for the note, Anurag. Glad you found it helpful. :-)

[@sharriceowens913]

correct me if im wrong but isnt this so that you can open up your code on another computer to keep working on it.. i cant seem to get it to open the file part..i get to the part where it shows the host name but thats it

[@shadrackabely1013]

You are really one of the best out here keep it up

[@michaeljacobs5042]

Thanks for making these videos. You helped me get up and going.

[@codewithsusan]

Thanks for watching!

[@theuser810]

Thanks, your tutorial was right on point

[@gostark]

Nice, much improved remote coding over the 90s based alternatives

[@nolodinnolodin]

auto like and subscribe, thank you for your video. You explain it very clearly and not wasting a single second to talk about things we can read online. Nice content! please keep doing it :)

[@codewithsusan]

Thanks so much for the feedback! :-)

[@itseletronica1406]

Thanks for your content, is very helpfull. Gonna test this one and back later to comment my results. Thanks

[@anh-vccloudlengoc2784]

Thank you for sharing your knowledge

[@mnemonic6502]

Thank you Susan, a perfect straight forward explanation without the geek waffle

[@codewithsusan]

Never heard the term geek waffle before - love it 😄

[@bulelanibotman]

i love your content, would love to see more and more playlists

[@codewithsusan]

More to come!

[@abdiag603]

Very helpful. Thanks Susan

[@jerrynyi9231]

Thank you for sharing your knowledge . I appreciate it :)

[@codewithsusan]

Thanks for watching jerry : )

[@johnradley7176]

Excellent. Thanks for video

[@fergndertproductions1735]

I'll try this! thanks!

[@Showmatic]

thanks, this was extremely useful

[@harist6950]

Many new things for me as a beginner to learn. Thank you!
subcribed

[@codewithsusan]

The learning never stops! :-) Thanks for watching

[@carlocarlini1388]

i love your content, Tnx!

[@oleksandraliskova8621]

thanks for notes

[@user-kq1ow8le8q]

This is great, making my life so much easier

[@sandeepsabat6254]

Perfectly Explained

[@nadimedin]

It was so helpful thank you

[@seferideveloper6933]

The best video about it! Thanks...

[@codewithsusan]

Glad it helped

[@Novacification]

I'm trying to host my dev environment on my NAS (Unraid), so I don't have to start over everytime I reinstall and get the added redundancy of a parity disk. Thank you so much for this very informative and well put together guide on remote development. Definitely one for the dev playlist.

[@codewithsusan]

Glad it helped; thanks for watching

[@mccrightproperties3365]

THank you! Finally, a solution that works!

[@alperemre649]

Good Work, thank you.

[@douglasfabiano]

thanks for the content

[@iammarcellin]

It helped me alot. Thank you very much

[@codewithsusan]

You're welcome, Marcellin. Thanks for watching.

[@MeerakZigang]

thank you for this video :)

[@codewithsusan]

No problem, Karim! Let me know if you try remote dev and have any questions.

[@almogmadar9199]

thanks help alot ...

[@balarammadala5992]

thanks for the video

[@muhammedhashim7350]

thank you for this video

[@codewithsusan]

Thanks for watching 👍

[@ChrisFredriksson]

This is a video I wanted to see a few years ago! I've tried VS Code a couple of times, but it just isn't working as I want it to. Especially with remote connections. What I'm using today is the last version of Aptana Studio for Windows and it was last updated like 5 years ago and it has a lot of drawbacks, but the thing it does better than.. well any dev software out there, is that you can in a single window have multiple SSH connections active at the same time and open files from different servers in the same main program window.
Of course, sometimes I need to check on which server the file is located on that I have open, if I have the "same" file open on several servers at the same time. So you need to have a couple of balls in the air at the same time.
I guess with VS Code that it opens a new window for every SSH connection "eliminates" that problem, sort of.
With this video, I feel like VS Code could possibly finally be worth using and maybe I can finally transition over to Linux. However, I don't understand why VS Code needs to install "software" on the remote server? As you say, on budget servers it can bog down the system.
Going back to Aptana again, it just simply opens up a simple SSH/SFTP connection and gives direct access to the file system at the path you choose. It doesn't have to "install" anything, it just works like an SFTP/SCP connection where you can transfer files, which is what it actually does. When you save a file you're editing, it just transfers that file. When you open a file, it just temporarily saves it locally while you have it open, when you close it in your editor it is deleted locally. No need to manually send over the file or sync or whatever which is the case with GIT and SVN and such. Which also makes it a plus with VS Code now with this plugin that it edits the file directly on the remote, perhaps with some sort of local file while it is open.
Finally, I understand both that this is a gigantic comment, but also that you're not the developer of the remote SSH plugin for VS code.
I just wanted to air my thoughts and experiences and I just wonder if you know what the plugin/VS Code actually is "installing" on the remote server?
Great video, you go through it perfectly and in a calm way. Love it! 😋❤

[@codewithsusan]

Glad you found the video helpful and it gave you some new insight into VSCode.
As for why VSCode has to install software on the remote server - just probably necessary to support all the remote features (version control, terminal access, code assistance, plugins, etc.) it's giving you and to make the experience as seamless as possible. It does a lot more than simply letting you edit files on the remote server.
Thanks for the comment and happy coding!

[@user-el7kh6cq2t]

Thanks

[@313grind]

thank you

[@shbita]

Thanks 👍

[@ShoutThis]

thank youuuuu!!!!!!!

[@jeffsooy]

Subscribed!

[@simplynuts5327]

thanks

[@jawadhaidar3931]

nice explanation

[@codewithsusan]

Thanks Jawad.

[@behnazzarriz4316]

This is great

[@bismarkade9760]

awesome content

[@SiThEAdHdGUY]

great video

[@georgewicks7783]

Subscribed.

[@diamondpandey]

Subscribed

[@SonPhan-ro3wc]

good video

[@vladimir5235]

”Subscribed!”

[@SuperAlfaisal]

If i want save a file but it left "Failed to save 'test.js' Unable to write file

[@__Gaurav__]

How can I use remote python kernel? I only get options of my local version

[@gcstech4922]

Good

[@devoskii456]

Had to look around for a while to find a working tutorial. With a bit of fiddling this worked for me. It did not work until I put my ssh keys into the same directory as the C:\Users\\.ssh config file. No one seems to explain this, so if anyone is struggling, please try that.

[@diamondwallet7614]

good

[@hms-kw1bc]

subscribe, thank you for your video

[@arnaldoneto7351]

[@sharriceowens913]

this is not working for me i get to the point where i see the other pc on the left hand side but when i click open in new window it says could not establish connection to " " : connection with SSH timed out

[@codewithsusan]

Are you able to SSH into your server via a regular command line program using the command "ssh [e-mail]" ? Knowing this will help you narrow down whether you're having a general issue with SSH'ing into the server in question or whether it's specific to the set up in VSCode.

[@q2ten]

I'm currently stuck at 7:46, my ssh server keeps prompting me for a password when the VS Code Server is installing and when I do give it it just reopens another teminal to ask the same question and I have no idea what to do.

[@codewithsusan]

Are you able to SSH into your server outside of VSCode? For example, if you open a command line program and run `ssh [e-mail]` does it prompt you for a password, which you enter, and then are able to successfully connect?

[@q2ten]

@@codewithsusan yes, but I actually got it figured out on my own. thanks for replying though I appreciate it 😎👍

[@codewithsusan]

@@q2ten Glad you got it sorted out. : )

[@vickym.248]

comment for the notes lol

[@sumitbanduni9298]

yo

[@user-cp5eu4cs8b]

걍 삼바쓰세요

[@codewithsusan]

Thanks for watching.

[@carsonpeterson8657]

s

[@vuquangtin]

hj

[@safaeazouzou4481]

;

[@codewithsusan]

Thanks for watching.

[@eyesopen6110]

How do you set environment variables on a remote ssh to a windows server?...

[@TaiwoAdefala]

This video is a life-saver.....I built an app in php mysql on a regular cpanel shared hosting server and it was moved to a digital ocean droplet due to space constraints and performance issues
i have no experience whatsoever dealing with ssh-ing into a server but this video hand-held me into the server......Now i can view the live source code right on my vscode - its mind blowing
Thank you so much
-------------------------------------------------
How can i diagnose why file uploads are not working since it was moved to digital ocean......what is the right place to look for the isse?
Would love your response as soon as possible....Can i contact you?

[@codewithsusan]

Glad it was helpful!
Some possible causes of your file upload issue:
1. Your new server has a file upload limit that your previous server did not have. To look into this, look for any settings in your php.ini file related to "uplooad". Here is a guide I have on finding/working with the php.ini file: ruclips.net/video/ysZXcMtsku0/видео.html
2. The directory the files are being written do not have the correct permissions. Make sure the directories are writable by the server. Here is a guide I have that talks about setting permissions: ruclips.net/video/HgKUtsO6qig/видео.html
This guide is specific to Laravel directories but it has tips in there that may be helpful
Hope one of the above suggestions sets you on the right path!

[@hengkysyafriyandi4137]

thank you for making such easy to follow tutorial.

[@abolfazleffati]

Thanks

[@sk810av]

Subscribed!

[@user-dg8vy1yi3y]

thanks

[@simeonsimeonov4767]

Subscribed

[@codewithsusan]

Appreciate it. 👍

[@amsamol4224]

Good

[@codewithsusan]

Thanks

[@hattori611]

Thanks

[@sushantraikar1]

Thanks

[@mayooranthavendra4484]

Subscribed!

[@yingying900505]

Subscribed!

[@rhyswilliams1058]

Subscribed!

[@orcafinweb3652]

Subscribed

[@codewithsusan]

Appreciate it 👍