How to use VS Code from ANYWHERE
Вставка
- Опубліковано 2 жов 2024
- Turn your dev machine into a VS Code Server and connect to it from anywhere with vscode.dev. Yes, you can code on an iPad.
🚨 Sign up for early access 👉 aka.ms/vscode-...
#vscode #ipad #programming
Between WSL, Container remoting, Live Share, Code Spaces and this, the remoting capabilities of VSCode are pretty astounding. Most importantly, they're seamless.
It's the best editor available right now. I'm hoping to use it for notes in the future, with features from Obsidian implemented as extensions.
Use gitpod.
@@coffee-is-power Ah yes, that's the service I was trying to remember the name of.
Benefit is you can get real GPU performance without diminish your battery
Disadvantage is the lack of remote USB passthrough so it's not for everyone
@@harrytsang1501 Why do you need USB pass through? My first thought was a controller for game development. However, this isn't a streaming desktop; it's a remote tunnel for your code changes, terminals and any ports you open a web server on. So you'll be able to, say, train machine learning models on the remote GPU from the command line, but you're not going to necessarily see it render anything to a display buffer.
I have no better words than, this is absolutely amazing!!
I'm not tempting you guys, but the next logical step for me, is adding apple pencil support. We will make full circle and go back to writing code on paper, but with intelliSense!
🤦♂️
That would take soooooo long 😂😂😂 please do not place such a curse upon us
handwriting vim commands is going to be wild
That would be awesome!!
reminds me CS students who still doing exam with paper 🤣🤣🤣🤣🤣
This is amazing. You can go for a run and then take out your tablet from backpack and start coding in the park. I used to do this on Android with a C compiler installed, but that could run only C/C++ code. This is actually amazing. I just hope it won't consume as much data as a 1080p UA-cam stream 😆
One of the reasons why I haven't gotten an iPad yet is because it can't be used to develop anything even with all the power it's got. I'm excited to see what you guys come up with next. Hopefully a native iPad vscode
🤤
There are plenty of IDE apps on appstore
Yeah in about 100 years if you're lucky, and if Apple decide they will let you use your tablet in the way you would like to use it...
The question remains, to save on energy, you don’t wanna run that machine monster all day, right?… does it run on a raspberry pi? 😁
Yes, it does 👍. Or use SSH remote: www.raspberrypi.com/news/coding-on-raspberry-pi-remotely-with-visual-studio-code/
Yes!!!!!!!
@@code What are the minimum/recommended specs for the vscode server?
I use code-server on a raspberry pi connected directly to my iPad Pro and it works great
Allright but your ipad is probably more powerful
Thank you dear VS Code Team!!! We love you
That moment when he say **secure tunnel service provided by** and look away and says **Microsoft** xD
Can't wait to get access to this. I bought mac mini a few days ago since that better fitted my needs but I find myself needing to move to other places for short moments for coding. This would make my phone an alternative window into my code ❤
So you can use a mac instead of a pc to do this?
this is great but honestly now the only thing that is missing is being able to connect to the same vscode server using many users to collaborate, like liveshare but always on, faster and more reliable
I'm a college student who has a big bulky gaming laptop that I love. The issue is the battery life sucks and well, it's big. This is the solution that I have been looking for. I carry around a Galaxy tabs7+ to take notes on and I love it to bits but the one issue is that I can't code on it. This fixes my problem meaning that I won't have to lug around a massive laptop with me to every class!
Coding frontend on ipad is impossible without devtools, which aren't in the browsers on ipad yet.
I really do wish they could make VSCode an actual iPad App though, so you could use remote SSH with it.
I highly doubt they'd let you use SSH on iOS
@@miguelguthridge They'll let someone like microsoft maybe but you'll be limited to the sandboxed app
@@DeeezNuts They also wouldn't allow extensions that do anything on the front-end either, so it'd be super limited in a lot of ways.
@@miguelguthridge you're right, Apple totally wouldn't stand for them having an extensions store. Thinking about it now - there are a lot of things that would only be possible if Apple is ever finally forced to open up side-loading. That would be a game-changer for the iPad for sure
I think having it as a PWA is already enough
My Chromebook was struggling when I installed VS Code on it. This will help a lot.
There are already open source versions of this same thing, such as coder, open vs code. Glad that Microsoft has also started to see its potential and implementing it
Yeah, but the thing that makes vs code amazing is extensions, and the open source versions don't have many extensions.
And second to that, if you are like many Americans, their ISP blocks port 80 inbound, so you have a hard time setting up a webserver at home.
@@deidyomega interesting.. I never knew about the ISP block. But both the OSS tools provide options to host on custom ports though
@@BalajeeKs Right, which inlays the next common problem, the browser creates a "downgraded" experience on non encrypted websites. Coder/VS Code Server basically "require" ssl.
But lets encrypt ssl tool basically needs port 80 open to inbound traffic to setup ssl. So you are kinda fubared there.
You can do a manual ssl, but its a pain in the ass.
@@deidyomega Huh just port 80? Come Bahrain, all ports disabled and when i call ISP she tells me go look up youtube, like how tf youtube will allow me to open ports from your side.
@@DeeezNuts Ohh no, my ISP blocks a good number of ports, but the only one relivent to this convo is 80.
I wish vs code had a native app! ngl this M1 in ipad is capable enough to not need a desktop server, yet there are hugely limited options
This is so cool! Always wanted features! Thank you for supporting this!
This is absolutely incredible. Awesome job guys!
When would you launch a real visual code app that does not require more machines than an ipad ❤???
To me, I see the biggest potential for this is to allow more security for big SW companies to protect their source code. I could have my real code in the office in a headless high-powered workstation, probably some big multi-user beast. Then I could connect from VSCode on my laptop (forget the browser, I want native VSCode) and my company can feel safe that "the code never left the building". Of course this would require the protocol to be transparent and possibly anti-exfiltration software (e.g. Suricata) to run against it, but in principle, if you have something "like remote SSH except without the whole complete ability to do whatever you want like you can with SSH, and generally much more code-exfiltration-proof", I think big companies would loooove that.
Google already does this.
Sounds like a horrible dev environment imo
@@Brandon-th9pi outside of latency and streaming arteracts, zero maintenance and ubiquitous access to dev tools doesn’t sound too bad to me.
@@lordgraga that’s the biggest issue for me - latency. I also don’t use vscode that much, so I’d hate to have lock-in to the product.
@@Brandon-th9pi what do you prefer then? vim?
Even Android Studio can't run on Chromebook flawlessly, kudos for VSCode team 👍
VERY cool!!! One question, though. How do I hit my local dev (localhost:3000) using this method on an iPad to see my React app running? 🤷🏽♂
having same question on my mind
If anyone find the answer to this, let me know
You have to port forward that and actually run it on the web.
@@bryceblazegamingyt9741So it's possible?
Any clue to this? Couldn't find any for now.
I love Vscode! I'm a webdesigner working mostly with HTML and CSS files, is there any chance we will see an integrated apache in vscode enabling viewing changes of a site on the ipad?
I love the "My VSCODE" to confirm that it is indeed yours ⭐
This would've been so useful a few years ago when i wanted to continue coding on my school chromebook at school!
Why am I finding about this now? This is so cool. I love it.
My man you might just saved me from ever taking a laptop to university again, i use the ipad for everything but coding 🙏
My school has banned developer mode on the chromebooks so I can’t code there so this would be really cool. Also when will you release it for everyone without signing up?
You can still go to the URL no problem right? That would give you the ability to code on a Chromebook since it's not actually running on the device itself
If you really wanna code on the go, save yourself or the resources wasted from a locally hosted machine and spool up a google cloud free instance. It's much weaker but on the phone you won't need much potential anyways.
Termux for android and add VIM to it and blink shell on ipad using mosh for both
I would use something doesn't get hot on my lap and doesn't burn my legs and fingers :) Thanks for this awesome feature.
Looks great and I can't wait to try it, will it be free once officially released or a paid service ?
Is this a "vscode server" other than what we can currently use to do remote debugging on a server? In other words, do we need to install "a new" Vscode server or are we fine using the existing one and just use the url format to access it from a web browser? Btw, this is way too cool. Thanks!
Hey team just saw this - thank you so much for your hard work on this! To answer the short questions at the end of the video: I will be using this on a few ultra-lightweight laptops that don't quite have enough oomph for my development needs. I'll also use it on a VM in which I don't have the ability to run virtualization-within-virtualization. This should allow me to circumvent the docker restrictions we have on that environment.
One thing in particular I'd like to use it a lot with is API development - in particular, work on AWS via the "SAM" tool. I would like to note that my experiences with the remote WSL (using VSCode within Windows to point to the WSL environment on my machine) have been completely stymied by the AWS "SAM" tool. I don't know if anyone on your team works with it, but it simply doesn't redirect debugging requests to the WSL environment - everything within VSCode seems to use the remote connect feature except SAM. It attempts to send debug commands to the host Windows machine instead of WSL. Of course - I completely understand your team may not have any business with AWS or their tools. I am only mentioning this as a use case - if you are looking for common business deployment patterns/uses of VSCode and its integrated toolset - there are some integration patterns out there such as this that don't work.
Great work again, thank your entire team for doing something we have all been hoping for a long time! Thank you again!
I’ve put 2 comments on here and both have been removed 🤷🏻♂️ nothing against community guidelines, nothing inflammatory just said this looked like a good option for me 😕
As soon as I get access I will install this on my dev machine. Next, I’ll launch chrome on the xbox and connect to it. I have a keyboard and a mouse connected to my xbox so things should work fine. Why on the xbox? Because I can!
You guys forgot to cut off the rest of the video after 5:17 lol
9:01 hidden track, lol
Thank you for catching that! Just trimmed the video, and it should hopefully take effect soon :)
Whoa this is awesome... and how do I match these settings cause your VSCode looks amazing!
woah! much needed for so long.
I've already got ssh, port forwarding, DNS, TLS, HTTPS reverse proxy set up. do i still need the Microsoft tunnel?
You may want to check out `serve-local` mode: code.visualstudio.com/docs/remote/vscode-server#_can-i-host-vs-code-the-vs-code-server-myself.
Holy cow, now all I need is a computer full of LEDs.
Just build an app for vs code already! 😊
Having everything I need, including programming languages, sounds really great! But do you guys think of implementing a WOL functionality later down the line? After all, programming from everywhere can only be done, if I can reach my host machine at any time. But I would have second thoughts about keeping my beefy machine running 24/7, only to scratch that programming itch when it comes out. Plus the electricity bills would be astronomical (and it wouldn’t be very environmental friendly either). If you guys would implement that, I would install it in a heartbeat!
How exactly can Microsoft boot up your machine without access to a running device in your LAN? You'd be better off with using some low powered single-board computer like Raspberry Pi or a router with external management access for that purpose.
Another cheap solution is renting a cheap VPS instance that can be your private dev server for VS code. I already have a setup for that and to save some costs I wrote a few scripts that start the VPS instance based on the latest snapshot/backup and another script that turns it off, creates a new snapshot, and kills the instance completely. I'm paying based on usage per minute, similar to GitHub Codespaces but 10 times cheaper.
Honestly, from an ipad feels okay if you’re just doing minor stuff… but for proper coding, i need a keyboard. Either a laptop, chromebook or just a Bluetooth keyboard on my ipad
It really seems a great opportunity to enable using Samsung Dex to properly code. I can literally just use my smartphone (and a keayboard and mouse, because...) to solve great travel gadget issues! Trully AMAZING!
If you create a dev server from your vs code server to access a web app. Would you able to access your web app from anywhere (as in localhost:3000? Also are there any expected costs for using a service like this?
Now we just need VS Code to be made with Edge WebView 2, instead of Electron.
What are the benefits of Edge WebView 2 over Electron?
Lower resource usage, smaller program size (under 10mb), and clean output without all the chromium libraries
can we run react app? and look a it in the browser?
This is exciting to see but one thing that would bother me is the amount of space the address bar and browser space that takes up the 1/10 of the screen at the top
Nice. Don't think I'll be willingly streaming all my files and directories to Microsoft without a Virtual Machine, but nice.
That's not how this service works. It streams vs code form your PC straight to the device you are using without going to Microsoft. Think of it like self hosting a website.
@@oralclarkeii3259 It's still using tunnelling service from Microsoft tho.
@@oralclarkeii3259 no, it goes to microsoft first, this is not a direct connection. You can also clearly see that when you look at the url and they could in theory do whatever the fuck they want with you PC.
You don't have to use their tunneling if you don't want. You can buy a domain and set this up tto serve Code UI locally on your own cloud and domain.
The only really missing thing I find is being able to view things like websites or APIs from that local machine. You could install extensions sure, but not all of them work well in any given framework, stack or language and sometimes it's just nicer to use the browser to see a real result.
Have you figured out how to solve this? I'm a bit new to this tunneling workflow and it sounds perfect but being someone who does a lot of front-end web work, I'm not quite sure how I could achieve it on the other device
@@FunkyToe369 I don't have access to this feature yet so couldn't test anything but the only solution I have prepared so far is having SSH access to said server and just opening certain ports to the public, then look at those addresses like you normally would. You could install an extension into VSC to do the SSH part for you. The only risk is that the address will be public, not a local only thing. Unless you can get a local server in your LAN and only open up to that.
This is awesome, but I hope this isn’t another planned monthly subscription service like copilot…
Wouldn't suprise me if it is. Get you hooked first and then slap you with a subscription.
Nice Very nice, just one question, suppose we need to call al SQL procedure, then the database must be installed in that 16core CPU right?
Finally, I can review Pull Requests in my bed. The future is now.
Why not make an actual ipad VS code application. it is stupid and lazy, and everyone has been doing this years before you guys actually made this video.
Keep moving guys👏
This looks interesting and I use VSCode a lot but I tend to use it on my MBP which goes everywhere with me so I’m probably not going to use my iPad.
Happy to see it being hosted on Linux
I code in my pager.
Wow that really came together to make the dream happen! 🎆 🥳
VS Code anywhere with a full powdered backend. Brilliant!!!
I do some real work with my ipad and logitech keyboard trackpad case. I have setup openvpn at my house and just log on RDP at my desktop. Works flawlessly
Holy crap this is perfect! Would definitely use it on my Ipad when I'm on the go! It makes it a lot easier than using git and some sort of Ipad IDE from which you can't really create a dev environment anyways.
Who calls rgb led’s I’m honestly bothered
Seems to be mostly the same as Live Share in Visual Studio just with a few tweaks to change its purpose from collaborative working to remote working.
Pretty sure iPad native app will be very useful.
This is really cool!
NO WAY!!!! TOO MAGICAL!!!
Will there be a way to not forward through Microsoft servers? Having code-server expose ports that power users can forward over SSH elevates the security of all of this and allows remote work for more security sensitive companies.
Remote ssh vscode servers has been available for a long time now, just install the server and open up a port
"Will you do this on a Chromebook?"
*laughs in Crouton and Crostini*
What's the difference between this and coder/code-server? Naming conflict
Nowadays the new tablets are capable of handling programming. If I'm not mistaken, someone coded using a phone. So I'm not surprised.
Hey! A beginner here that wants to learn to code. Using an iPad, how can I access my PC remotely and use it to learn basic programming (Java is what I have in mind). If possible, this should greatly help my current setup also while saving up for a more portable device, a laptop. Thanks!
Finally I can code on my Nokia 3310
who the helll codes on a keypad....
What about security and privacy issues? So all it takes is a URL to connect remotely, isn't there a significant threat in case the URL leaks?
Declaring war.
PHPStorm and WebStorm is best IDE. Everything inbuilt. Just everything.
this is frickin awesome
Ngl, probably gonna dev on the toilet. My productivity would go up ten fold.
Wow. Now I need a way to remotely start my PC 😂 don't want it running the whole time I'm away 😂
Una table, más aún con las novedades de android 15 y su modo desktop, codear aquí será una gozada.
Will be nice to access VSCode remotely from a low end (4GB) Chromebook. I have tried to use VS Code running in the Chromebook's Linux VM and resources were stretched to the limit. Will be cool to have the IDE in the browser.
this is awesome 👌
awesome stuff
How long does it take to get access? I've filled out the form when the article about it first came out, and would like to have this set up before school starts so I could have just one dev machine for all the different places I might have to do my school projects from
Very cool! Can I access a node server too?
bro I am going to become a data scientist
so I build my device so that it can handle a few tasks easily
but No no no it nowhere is portable can even pick it up as you did to that little machine
this thing makes it portable
question: does it run on macOS or a Hackintosh?
Wen will my code-server preview will be accepted ..?
Is there an advantage over using something like remote desktop or something similar?
Can multiple users connect to the server at once?
This is mind blowing
For this to work , the actual machine should be on 24x7 . Or it can work if the local server ( actual machine ) is shut off ? 🤔
This could be useful for collaboration if files change live
Is it possible to rename the machine and how?
at 1:09 his ip is shown LMFAO hopefully it is a vpn ip
Can you install the VS Code server webpage on the iPad as a UWP?
Maybe one day I'll upgrade from Kate and KDevelop to VS Code...
Nice code blur btw 😂 1:10
Make an app for ipados
Holy shit. Official vscode server. Does it mean the unofficial code-server will be obsolete ?
I need you to cover authentication. I'm sure it has it, but I'm not touching that with a 10ft pole until you show me how authentication works lol
What about security? I know this is a brief summary of an unfinished product, but curious how that will work? Will there be ssh or http authentication?
Forget an iPad, I'll be doing this on my Samsung tabS8
Help me | vs code not working showing black screen..
The one thing I'm wanting that I can not seem to find is for development when using something like a raspberry pi for live development due to size restrictions in the workspace or simplicity. I would love the ability to have a way to execute VS Code programs from my main desktop using its resources while still utilizing the peripherals of the Raspberry Pi like Camera, Serial Devices and other devices connected to it.
Basically to make it simple, a way to use my monstrous PC's resources for testing and development of a program, which will eventually be optimized and utilized on a less resourceful device like the Raspberry Pi just to make the initial development easier and simpler without having to make drastic changes to the setup and design of the project.
Its a shame to have a 4090 and a i9-13900k in a 3 foot tall PC case that weighs 80+lbs and not being able to use any of its resources other than to edit and view code being run on a less capable device simply because its too much of a hassle to reconfigure the whole setup to work side by side with the peripherals I need it to communicate with.
(And yes I know there are ways of doing this that are a lot more complicated and involved such as "Distributed Computing" but these are not simple to configure or setup and are not practical for basic research and development as the whole program and framework of the program will basically rely on there always being multiple clients to always send work to which isn't always the end goal and create a lot more work in the end to convert it back to a client-server architecture once completed with the development of the core concept)