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:

New JavaScript Framework Remix, React Router 6 – WCQ12 Weekly code quickies with Norbert B.M.

In this episode of Weekly code quickies we will take a look at Remix the New, Free and Open source JavaScript Framework, and React Router V6¬† ¬†———————————————————————————————————————¬† Watch it on YouTube: https://youtu.be/ruSwu1VLoEg ———————————————————————————————————————¬† ¬†Show notes:¬† 00:00 – Introduction ¬† 01:04 – What is remix?¬† 01:40 – Remix is Server-side rendered¬† 02:10 – Remix is not part of the ¬†JAM Stack¬† 02:40 – What are the Benefits of Remix¬† 03:10 – What are the use case of Remix¬† 03:40 – How to get Started with Remix¬† 04:10 – React Router V6 What is React Router ?¬† 05:16 – How to set up React Router 6¬† 06:12 – What is New to React Router 6 ? ¬†¬†¬† #RemixFramework #ReactRouter6 #WCQ — This episode is sponsored by ¬∑ Anchor: The easiest way to make a podcast. https://anchor.fm/app — Send in a voice message: https://anchor.fm/menyhart-b-norbert9/message
  1. New JavaScript Framework Remix, React Router 6 – WCQ12
  2. GaryVee and Mark Zuckerberg on Web3/Metaverse, New Framework Hydrogen for dynamic E-commerce – WCQ11
  3. The future of coding, NodeJS in the browser and WebContainers – WCQ November 15, 2021
  4. Is Web 3.0 the future of the internet, should you even care blockchain?
  5. Facebook is going Meta, get ready User One!

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.