VS Code on my Phone for Website Dev... (How I did it)

VS Code on my Phone for Website Dev... (How I did it)

I setup VS Code on my mobile phone and started developing websites. This is entirely possible to do from any location, on any devices such as an iPhone, iPad, Android or tables.

Using vscode on any devices requires it to be accessible on the browser. To do this, we use a package called code-server. This allows us to access our physical machine remotely via the web, which VS Code will be running on. Since VS Code works on Electron, it's not normally accessible on platforms outside of a desktop.

However, this solution allows you to perform web dev through the browser. This setup can also be done through workspaces, or even through your own cloud server via Amazon or Google Cloud platform.

If you're a web developer, you should definitely give this a go. Be aware that security is a must for this implementation, as it does mean that your system is accessible remotely, so use SSL, have passwords, etc.

Code Server can be found here on github:

#vscode #website #development

Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.

Feel free to follow me on:

Software & Discounts:

Computer Gear:

Camera Equipment:

[developedbyed]

The video I always wanted to make but I was too lazy to set the whole thing up lol.
Good job! Now code out a whole website on your phone and film it

[BenRogersWPG]

Two things:
Amazing video, great tips
I love your little dances when you talk as well. Very exciting for keeping my focus

[WayneWhitaker]

Fantastic info, fantastic video. Love the multiple camera angles.

[ZernityX]

Isn't anybody going to talk about his body language and facial expression while explaining? I mean that's unique.

[Jorgitopy]

Wow! This is so simple. A great option for it could be a cheaper Mac Mini, setup as a home server.

[MaxProgramming]

Wait what! VS Code on phone? I think it is about Codespaces. That's so different! Thanks a lot for the video Adrian!

[amrinderc]

Great tutorial.. which font are you using on this? I am not able to use the font that I typically use like CasCadiaCode with Powerline Gylphs which give me custom symbols. Any idea how to do that?

[developerfilip]

Thanks for doing the thing I always wanted to do but never wanted to do :D lol

[soul.rebel]

This is awesome ^^ I really appreciate you sharing this with us🙏🏽

[masterhifi]

Wow. Cool. The best video of my mind. Thanks for sharing.

[rrarrrr]

This is cool and I'm toying with the idea of making a website on my phone. Only problem I have is that the backspace key doesn't work on my phone. Works fine when using my PC though.

[heinekhalwin]

Wow ! I never knew about this ! Thanks for info. :D
Was gonna ask Ben Awad to create vs code for ipad. Now i dont need to. :D

[jared]

Here I am fighting with hackintosh and what not all the time but the idea just clicked that I can just run codeserver on a VM under proxmox. So now I have a plan B if my hackintosh blows up when upgrading to Big Sur. Still is a bummer about the extensions, it's the one thing that has kept me at the testing stage of codeserver. At the start of your video it looked like you were launching and app for codeserver?

[glendemarcos]

I've tried codespaces and it is the future... Also, a phone can be a desktop - using a Samsung phone and DEX I just needed peripherals (monitor, mouse and keyboard) to have a desktop experience running VS code from my phone.

[darakushitatamashi]

VS code is an open source project, and electron aps can be compiled to run on Android, in conclusion it should be possible to compile VS code to an android app. If it works and is useble is an other question

[Draxen]

I just need a tiny keyboard to Bluetooth to my phone, then easy web dev on the go 🤘🤘

[console.logged]

Great work! but code-server keeps losing the connection and I need to run the command every time. Any way to fix this?

[Gameplayer]

Now you can do site mobile adaptive design without pain

But with magnifying glass hehe

[iMyur]

Helpful, Liked & you got subscriber too ☺️

[ocavuew]

Just to be clear, vscode (and the editor behind vscode called Monaco) doesn’t support touch screen well. You can move the cursor by touch the screen, but you can’t select characters.