Run VS Code in the browser Web App

Web Development

Visual Studio Code aka VS Code is now running fully in the browser. When you go to https://vscode.dev, you’ll be presented with a lightweight version of VS Code. It seams that back in 2019 when de .dev top-level domain opened, Microsoft piked up the vscode.dev domain, witch till dis date was pointing at code.visualstudio.com witch is there official website for vs code.

Now if you visit vscode.dev you will land on a lightweight version of VS Code running fully in the browser. An yes it looks and feels exactly the same.

Limitations

Only a subset of extensions can run in the browser. Those that cannot be installed will have a warning icon and Learn Why link

for example:

  • Live sass compiler
  • Docker
  • live server
  • terminal
  • but i am shure that they are working on it 🙂

Also certain keybindings may work differently in the web version.

Supported web browsers for VS Code web app

Not all web browsers support VS Code web app at the moment. those that don’t support VS code will still run the API but you cannot open folders locally only a remote repository like one on GitHub.

Supported web browsers are to this date Chrome and not surprisingly Edge, yes Edge, you know visual studio code from Microsoft 😛

Advantages

Although at the moment, there are few advantages with the promise of more to come in the future, here are some of them:

  • Local file viewing and editing.
  • Quickly take notes (and preview!) in Markdown.
  • Even if you are on a restricted machine where you cannot install the full VS Code, you may still be able to use vscode.dev to view and edit local files.
  • Edit your code on lower powered machines like Chromebooks, where you can’t (easily) install VS Code.
  • Live Share Sessions
  • Develop on your mobile devices like iPad.

Watch on YouTube:

Listen to the podcast:

React version 18 | What is new in React v18 | How to Install Update and run React JS v18 Weekly code quickies with Norbert B.M.

In this React tutorial you are going to learn how to install update and run react version 18   💖  Support The Channel by becoming a part of this community!   🎱 Code for this Video: https://norbertbm.com/  —————————————————————————–   👇 Website & Courses: 👨‍🏫  :  https://norbertbm.com/web-development/web-dev-courses/   ————————————————————————————————-  Timestamps:  00:00 – Intro   00:40 – What is new in React 18  01:22 – React create root method  02:10 – React 18 new Hooks  02:42 – React useId hook  03:03 – React startStransition and useTransition Hooks  03:34 – React useDeferredValue hook  4:04 – React useSyncExternalStore  04:35 – React useInsertionEffect  05:06 – How to Update React from v17 to v18  05:40 – How to instal react v18  06:07 – How to implement react createRoot method  07:55 – How to instal and Run React V18 #ReactV18 #ReactNews #norbertbmwebdevelopment — Send in a voice message: https://anchor.fm/menyhart-b-norbert9/message
  1. React version 18 | What is new in React v18 | How to Install Update and run React JS v18
  2. Top 10 Skills You Must Know 2022 Before You Learn ReactJS
  3. Blockchain in a nutshell WCQ17
  4. Ethereum In A Nutshell | WCQ16
  5. Bitcoin in a Nutshell | WCQ15

Want to learn more about VS Code, then check out my full courser on udemy

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.