Run VS Code in the browser with massive computing resources
HTML-код
- Опубликовано: 6 авг 2024
- Host VS Code in the browser on Google Cloud with accelerated machine learning capabilities via a Tensor Processing Unit (TPU). Coder makes it possible to access your IDE from any device without sacrificing features. github.com/codercom/code-server
- Full lesson fireship.io
- Coder coder.com/
- TPU cloud.google.com/tpu/
#vscode #gcp #tensorflow 
Наука
I made the mistake of posting this video on April Fools Day, or maybe that was my plan all along 😉 Just to be clear, this is 100% real.
they require work info, sucks for those of us not employed yet...
@Fireship Coder.com guys remove the signup option, I don't get it how to use the ide now on the cloud?
You are a constant source of things that I never heard anywhere else before...
I'm lucky to have the flexibility/time to try out all the latest stuff.
They should call it VS Cloud
That would be the perfect name!
Might be confused with the Visual Studio IDE
VS Clode
I was honestly waiting for the moment you'd say 'April fools' but as the video went on the realization set in that this was actually real and I'm not sure how to feel about this
Haha, I was wondering if anybody was going to think that. It's for real!
Didn't even occur to me that this could be an April fools joke... I guess it would be easy to pull one over on me!
But cool stuff. Cant believe how far Vs code is being pushed. Next thing you'll be telling is how to run vs code on native mobile.🤣
Dude, freaking AWESOME video. One of your most useful to date. Excellent content!
I second this!!
Even though I’m a Vim’er, this is actually pretty cool. Especially the fact that you can self-host it👌🏻 Btw, your videos are so good! On point, detailed, perfect length and crisp voice 👍🏻
Thanks for covering TPUs! You always hear about this stuff but never see how to use it.
Thank you! Literally the only place that showed how to make it work
So you're paying Google to use a Microsoft product
nice
@zztop3000 hosting a TPU for a month isn't.
@@aypleckduminecraft why don't you just buy one of those raspberrypi like units?
😂😂😂😂😂😂
Running this on your own Digital Ocean instance would be pretty affordable also. Thanks for sharing!
finally someone else that loves Atom theme!
it was so hard to switch to VS Code, cause Atom was just beautiful
Oh, I used the atom thems too! That helped 🤣
So what you're saying is I COULD code on iPad Pro? 🤔
I tried to code on my phone (android), it was not exactly easy, but yes... it's possible!
no, the browsers in iPad are not capable of running this. I have been trying to get this up and running on my iPad pro for a weak to no avail.
@@gearworkgames I clicked (tapped) the "Try now" button from my iPad and it loaded fine(-ish).
Code on Chrome book
LOOTS243 I believe it’s possible to run a regular, non-cloud VS Code on ChromeOS at this point.
Dude this channel has everything!!
I can't believe that this video doesn't get enough attention as it should... This is gooooooooooold I say!! Thanks for the step by step tutorial for this. I wanted to work from Ipad and this is the perfect solution
Thanks
Great video as always. Keep it up!
Thank you!
I got it to run on my note 9 lol despite the UI not being optimized for my phone AT ALL, but it was neat to see it functional on my phone.
I can confirm the same on my pixel :)
I get that you where referring to normal handheld use, and you probably already know this... but in case you don't: your note 9 can run VS Code locally through Linux on Dex. Also, you can get a proper desktop browser on LoD to use code-server with it's full UI. They closed the beta program but you can find the LoD apk and Ubuntu container image with a quick search on the LinuxonDeX subreddit. get a portable monitor(w/ battery) and bluetooth keyboard => code anywhere
@@drewlomax7837 i didn't think about running on vs code but that's cool too. I have a dongle accessory for dex and I've ran Linux on dex before to play around with it. What you described won't be of actual use to me since I have a good desktop at home and a decent laptop, but it's cool to think about. Didn't think about that.
This is so cool..... I want more machine learning on gcp
Been on this but never went as deep as you. Looks promising
Cool video and great use for cloud, you outta do a other video about securing the machine you built.
Very helpful, thanks
This is so awesome!
wow! this is awesome, everything cloud :P stadia and now coder
Very exciting, we will see a lot more cloud/browser apps in the next few years with wasm also.
Yaa nice bro your video helps alot
you can also use coder as a PWA to get better shortcut support and a dedicated window outside browser
Your videos never disappoints me.
Jeff is my favourite tech youtuber
I've been extensively testing this over the past couple of days since Brad Traversy did a video on it. The self hosted version appears to be outdated as the extension market has out of date extensions. Some extensions don't even exist. After downloading all the extensions that I use directly as vsix and importing them, they mostly work. Eslint doesn't seem to work as well as it does in the native vs code. Cosmos dB never saves the mongodb connection so you can use it. Luckily I found the original dB connection extension I uses before cosmosdb which still works. Overall if your virtual machine docker or otherwise doesn't have lots of disk io to deal with all the files that you load during an angular project, the experience is not fast enough to be used daily. Great for emergencies or when you will be away from you main pc for awhile in order to code though. I've tested this on a 4/6/8 core with 4 - 8gb of ram and the bottleneck is the disk. Struggles to read all the files and load the data fast enough to keep up. I found my extensions dying constantly. This has great potential though. I hope it improves in the future. Would love to use it as my daily driver. FYI, my vm was running on an nvme disk, not a standard ssd. Mechanical was unusable.
does the csharp + vscode on browser work for linux?
like compiling into test.exe and running?
i love how chrome gives you warning about using google website
Is there somenthing like a gif of the things on the sides at points like the intro?
Had this been made absolute with VSCode server being built into VSCode or are there still advantages to using code? Also, does this speed up the extensions running on vscode and other tasks like code introspection for intellisense and that sort of thing at all?
Hi, I'm having this issue of 'Unexpected end of JSON input ' following your instructions. Is it a problem with code-server binary?
I have a question. I was trying to run it in docker container.
However, I have only user but not root user.
When I run the docker container with the mount, vs code cannot open the folder due to no permission.
If I run the docker container with specific user:group, the vs code cannot start up due to no permission to write to home folder.
Is that any solution for that?
You can do all that stuff, or just use your favorite IDE and get to work :^]
Meanwhile (the Video is a couple years old) there is a neat way to have your own VS Code Server: Connect over SSH to a machine, the system installs a code server on that machine, saves your settings, extensions etc. all there
This feels like the future of development. If everything is in the browser and cloud, then there's no need to own high-end hardware and workstations.
We have busses, trains, aeroplanes, and taxis, but people still use cars...
Cool! But is it possible connect coder on to an android emulator on the cloud for Flutter development?
I know deploying can be solved by using cloud CI/CD tools like codemagic though.
Im interested in this as well, is it possible to simulate an iOS device when I'm on my MacBook?
@Thanks Jeff
@Fireship Thanks for sharing. Since this is 4 years old, how does Coder compare to DUET, Google Cloud Code and Github Copilot? What do you think are the pros and con for them?
anyone knows name of library to display 360 images in ionic ?
Can you do something with hotkeys? I mean, Chrome catches many Vscode shortcuts. I would prefer to keep original vscode bindings. Is it possible to turn hotkeys off for a single tab?
Hey, sorry if this is a late reply. But I hope someone might need this.
So basically you can run your browser in headless mode, which is app mode in Chrome.
That way the browser's key binding will not interfere with the Coder key bind.
Hope this answer helps 😄
@@dionricky Nice, didn't know about that, thank you!
How to open html files edited inside it? I cant connect to a local server for some reason
I am getting "This site can’t be reached" when I connect using IP and the port. how do i bind the ubuntu machine on Google Cloud? the Ubunto server is on the GCP and I am connecting from my MAC machine
How would I install python libraries like numpy and sklearn to this?
What if you don't want to make your visual studio code server or app public ? How to access via SSH on custom port ?
So can you use a tablet like an iPad or an android tablet to code ?
What soundtrack do you use ?
can you do a tutorial on google cloud and the most important commandlines
I was about to say why the heck would we need huge computing resources. Then I watched the video... Damn that was fast
I've just started using coder myself, I'm hosting it on a VPS with 2 vCores and 4GB RAM. I love the concept of it, but currently it has some bugs. Some that has annoyed me is perfomance issues, sometimes keys don't work properly (sometimes the enter key does not work if you don't reload), syntax highlighting might not update, tslint is buggy. It's very resource hungry, but other than that, it's bloody great!
I might set up my own machine in my basement dedicated to this, so I don't have to rent expensive hardware.
Thanks for sharing, I've noticed a few minor issues like this also. It would be cool if there was a way to sync it locally to use your hardware when its available. That's how Figma works for example.
I have a dual core pc .. When I open 2 react app in vs code at a time my pc lacks.. will this help me?
You can now use the Remote-SSH extension from Microsoft directly from your local VSCode to write code on any remote machine via SSH
It's dead now, I can't sign up
I came to know about coder just 5 days before this video. I'm think if its for me or not since I mainly works with mean stack
Can't we use it like WSL remote in windows?
Dude, i think we can hear your roommate snorting on the background. :)
Does it work for remote instances?
i have a lot of server (Centos 7) i'm wondering if i can make it run there without going through Google ?
Yes you can run it on any server
You should also check out stackblitz.com . it's basically vs code in browser but also with a web server to show preview next to it with hot reload and can be shared with anyone from url. Also, it's completely free with many more features.
Recently, I started using it extensively for prototyping and sharing open source projects.
I'm very familiar with stackblitz and have used it in a few past videos. I like it for demos, but coder is something I would use as a primary ide bc it has all the features of vscode.
Crazy
I don't run this remotely. I run the code-server on my desktop and run the localhost in my browser on same machine. It saves the ram as then it doesnt require new vscode window to be open. The documentation stuff is one tab of browser, and vscode in other tab
Let me show you how to run VS Code in the browser . . . and roll your own SkyNet
I have seen this video posted by a few other youtubers that I follow. I got it up and running on my digital ocean server last week and it works great on every device...except iOS devices. Due to limitations that apple has put on browsers for iOS it is not able to be run on iOS at least in its current form. I tested and verified this on multiple device, works flawless on my Samsung Note 9, any windows PC, and my wife's Macbook Pro. After wrestling with it for a week on my iPad Pro and my wife's iPhone I have concluded that there is no way around the restrictions on any of the iOS browsers. If you find a way to work around this let me know I would love to be able to develop on my iPad Pro.
Thanks for sharing, a few others mentioned iOS issues also. So far I've only tested on chrome/android, but writing code on a mobile device is not fun to say the least.
@@Fireship I actually enjoy writing code on my 12" iPad pro. I have the brydge keyboard and it feels great and is really convenient to code anywhere. The biggest disadvantage is not having dual monitors. Right now I have to use Textastic on iOS and then scp my files to my dev server using Blink shell for iOS to run node or react. I was hoping I would be able to code everything on my dev server directly in VSC but looks like that is still a ways off.
So I can trust on him even on Aprils
Can it run a electron app?
So I have to submit some form, then be accepted before I can actually use coder? They make it seem like it's for the "coding elites". I'm a student currently studying machine learning and this caught my eye, but if the platform's target audience is specifically "Enterprise" based, why would I want to use it?
They have a completely free service that you can just login to, or roll out your own version in the cloud.
What are the advantages of doing things this way, as opposed to using a remote desktop connection, or VNC? I can run Windows 10 through my Xperia Z4, which has a keyboard, and I have the performance and power of my home workstation sitting behind it. I can also run My Linux workstation through the same Xperia Z4 using the browser and a VNC connection, and I have a dedicated Linux server with all the power and performance that comes with that. In both instances, I can run VS Code, as if it was native.
@@user-if1de8pt2j I am using an x11vnc setup, on a local Linux server. I forward the ports through my router, and then connect with a free android app on my Xperia Z4. I have Ultra VNC on my laptop too, so I could connect remotely with that If I wanted.
At present though it is proof of concept, as I have not fully set up the security on my Linux server, but it does work flawlessly.
Is there a way to set your own password ?
I had issues with extensions. It seems to have dated extensions and from what I saw on GitHub we have to ask them to update individual extensions one by one.
Interesting. They can only provide extensions that are open source, but I have not run into out-of-date issues myself.
I couldn’t find vetur official extension for vuejs.
i am still unable to start the app
If it's just one user what's the advantage of using this setup rather than just remote desktoping into the VM and running VSCode on it directly?
How would you run VSCode on cli.
@@SirusStarTV xserver through ssh
Hey great video!
I'm having a problem, I installed node (using the same command in the video), and when i try to use npm, it is not recognized ("npm: command not found"). Can anyone help?
Did you also run 'nvm install 10'. I went by that fast, but thats what actually installs node
@@Fireshipthanks, no I didn't, I'll try that.
Codekit vs VScode?
damn everyones on this code server thing now. its pretty dope though
It's already pretty awesome, but has a ton of potential. I'm honestly surprised Microsoft did not think to offer something like this on their own with Azure.
Tried coder before, it was buggy.
1 year later we have Eclipse Theia!
As soon as I close my SSH session. VS code stops working. Any workaround for this?
run it with a & at the end.
coderserver &
Above will run it in the background
@@vikeshkumar124 No dude. Have you tried it? It stops as soon as terminal connection is closed.
@@roshhack yes. It's running right now at code.vikesh.net . Has been runNing there for over a week.
Since I need the password, I send it's output to a file, using >> and then put a & to run it in background.
PS: Can also do the same using nohup
can you please make a video for steup of flutter on vs code web server
Any disadvantages?
Cloud hosting costs. Some of the features are limited, such as access to non-open-source extensions. Some lag when performing certain tasks.
Somebody make a extension to sync settings with one drive or Google drive.
TSLint extension does not work on it and git push doesn't work. I have to use command line :/
But anyway it's very good solution for coding outside home :D
TSLint is becoming obsolete anyway, with the new ESLint typescript support.
Whats your opinion on Vue.js?
It's good. I like how it's feels simple, while providing common packages like routing/vuex. I want to make some Vue vids, but hard to find the time...
@@Fireship Do you think Vue has a brighter future than Angular Jeff? What is your opinion on the Angular's future?
@@anc2k531 Well Angular is actually doing much better than Vue in NPM downloads and seems to have far better enterprise traction. These things are volatile and frameworks that look trendy now can be almost dead a year or two later... There are many smart people working on Angular and they have some very cool stuff coming in v8, imo they both look pretty bright right now
Alright thanks for the quick answer. As you were saying its true that Angular has a nice traction in enterprise (even in France), and is not dying.
I stay tuned , keep doing sooo great on everything that you’re the only one to do on yt.
Thanks Jeff, you are a real source of motivation & inspiration.🔥🔥
@@user-if1de8pt2j You're completely true and got a point there. The fact that technologies such as Angular are backed by Google makes it overpowered. The default built-in TypeScript is another good point, Ts' getting more and more used.
Thanks for your answer tho, it reinforces me in the idea to keep going with Angular!
You could do this, or just use GitHub Codespace instead
Hi Jeff, Please it's pretty important i need an answer to get a job how do i get resources to learn how to build web apps like xd figma and coder?
@@user-if1de8pt2j it's that bad isn't it 😔?
in my country they just wanna hire one guy that can do everything web, mobile and desktop apps but someone with knowledge on how to build softwares that runs on the web like vs code in coder and stakbliz has a better chance.
@@user-if1de8pt2j Wow i'm getting somewhere! so how did they get it to run on the web
@@user-if1de8pt2j thanks
WAIT! im confused. megacorp had a thing called "collab" where u were supposed to be able to use gpu (for ai ofc). but it turned out so many people tried to use it that it was not a practical option. o ok, u just said ~49/month. im still posting this. thx for the info.
kinda exciting to see how the ai hardware war is going. with the "little guy/gal" AKA nvidia top. and the megacorps preparing for war. kinda funny that nvidia can be considered "little"
Alternative is using Pycharm remote development
Pycharm still runs in your local, it's resource intensive plus you won't be able to do ML or DL projects on local as it needs GPUs/TPUs.
@@AkashSwamyBazinga so you build/edit your code on your local machine but you will run the code on a remote machine/cloud. Machine learning, deep learning it dose not matter what type of task you are working on! Your code is actually running on remote machine. Your local folder and folder on remote will be in sync. Plus you will be actually getting logs of your console in Pycharm environment etc. You get all the feature of a proper IDE HowTo here: www.jetbrains.com/help/pycharm/creating-a-remote-server-configuration.html
@@SheeceGardazi oh ya, thanks. I should edit my comment, but the fact that PyCharm is resource intensive to run on local is still an issue. It's not as fast as I want it to be for example the Package Indexing takes several, it's painful especially when you switch between projects several times as I do.
Hey. Dumb question. Linux noob here. Whats the reasoning behind using older versions of ubuntu. Sure, I can see how a tested thru and thru version might be more reliable but wouldn't v 17 suffice? Wouldn't newer versions run marginally faster/more efficient?
Like I said. Dumb question. Im ready for even the most sarcastic answer haha
That's just coder's recommendation from the docs. It probably works fine on 18.04, but I imagine most of the testing was done on 16, so they are playing it safe.
I saw a vid the other day that it was running on Ubuntu 18.04 but it wasn't on gcp. I think it was a another hosting provider like linode.
Has anyone got this working on a server?
yes, use Putty and add an ssh tunnel, works perfectly fine for me
I thought it was an April's joke.
I made the mistake of posting this today, or maybe that was my plan all along ;)
Does not work on the iPad Pro. The world would be so perfect if I could write code on my iPad Pro :|
Can’t sing in
make it again this version is not accessible
How does it compare to StackBlitz?
Hmmm. What microsoft doing now?
Webassembly, running C++ and Rust on the browser.
microsoft should have made this
they do not have any problems buying it, if it takes off
its stackblitz.com/ but better in every way
$3285 per month? No thanks! I can buy a house with that money in my country!
@@sidharthbasu421 Serbia... 😕
I set up mine in self hosted k3s. I have no life
It does not work in Chrome nor in Safari.
Their cheapest plan gives you the same computing power my 2012 laptop does, just marginally better.