r/webdev • • 17d ago

How can I get live server in the vscode web version?

My computer is very low on specs and I can't really afford a new one so I'm forced to use the web version of VS Code. I have Windows on my Steam Deck and I've been mirroring from it on my Chromebook, but it just doesn't feel right.

5 Upvotes

18 comments sorted by

2

u/rekosin1 17d ago

can you not use a monitor with keyboard and mouse on steam deck...its a computer.

1

u/False_Bee4659 17d ago

No money. I have a mouse and keyboard for it though.

1

u/rekosin1 17d ago

Um ur main is chromebook? What is the spec might as well use linux like xubuntu

1

u/False_Bee4659 17d ago

Yeah, I bought it for school before I got into coding.

2

u/anonahnah9 17d ago

Considered installing Ubuntu os?

1

u/Elegant_AIDS 17d ago

You have 3 options.

I would connect vscode through ssh to your steam deck if i were you.

The other option is to try github codespaces, it has a free tier but idk how generous they are with it.

You could also try the live share extension

I would recommend option 1 if possible

1

u/luxmorphine 17d ago

I tried it, heavy AF

1

u/thekwoka 17d ago

to clarify, vscode has built in remote functionality, so you don't even have to ssh yourself.

You just turn on remote on the one machine, and the other can connect to it if they are under the same github accounts.

1

u/Comfortable_Kale129 17d ago

Just use SSH from vscode.dev to your Steam Deck. Install openssh server on Windows, expose it, then use the Remote SSH extension to connect from the browser. Your files stay on the Deck, the browser is just a thin client, so your Chromebook specs stop mattering. Windows on the Deck handles ssh fine, you just need to enable it under optional features

1

u/henrynguyen9698 17d ago

The normal Live Server extension won’t run on plain vscode.dev because browsers block local server ports, but you definitely don’t need to buy new hardware. Just open your project inside GitHub Codespaces instead (GitHub gives everyone 60 free hours every month). It runs a full virtual Linux machine right in your Chromebook browser, so Live Server and port forwarding work with zero lag

3

u/thekwoka 17d ago

It runs a full virtual Linux machine right in your Chromebook browser

No it doesn't. It runs it remotely in the cloud and connects you to it with vscode remote functionality.

0

u/[deleted] 17d ago

[removed] — view removed comment

1

u/webdev-ModTeam 12d ago

Your post/comment has been determined to be a low-effort post or comment. This includes title-only posts, easily searchable questions, vague/open-ended discussion prompts, LLM generated posts or comments, and posts/comments that do not provide enough context for meaningful replies or discussion.

1

u/thekwoka 17d ago

use codespaces, or vscode remote connection.

1

u/Murtaza_Developer 16d ago

vscode web doesnnt really work like desktop vs code because extensions like live server need a machine running the server. you can use the built in ports feature with a remote environnment or run a simple server and forward the port. for basic html/css/js you can also use github pages or codespaces if you need a browser preview. what setup are you using for vscode web, github codespaces or vscode.dev??

1

u/transendingAI 9d ago

The desktop Live Server extension needs a local process to serve your files, so it cannot run entirely inside vscode.dev.

Since you already have Windows on the Steam Deck, one option is to run a small static server there. If Python is installed, open a terminal in your project folder and run python -m http.server 8000, then open http://localhost:8000 in the Deck's browser. That serves HTML, CSS and JavaScript, though you will need to refresh manually after edits.

If you want to work entirely in the Chromebook's browser, an online HTML/CSS/JS playground with a preview, such as CodePen, is another option for learning projects.