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:

What is ASTRO JS & How To Run it Weekly code quickies with Norbert B.M.

Learn what the Astra Framework is and how to run Astro and create your first Astro blog website. # What is Astro and How to use it Your assignment, build a Blog website, ok , let me do a `npx create-react-app my-blog` and do a total overkill of your assignment. Or just use Astro, with is similar to a static site generator and make you life much easear. ## What is Astro? Astro is an all-in-one web framework for building fast, content-focused websites. For example Blogs, Landing pages ,Portfolio, Showcase, etc… ## Key Features: Some of the Key Features of the Astro framework are : – **Component Islands**: A new web architecture for building faster websites, that considers your website as the ocean and the components as islands. – **Server-first API design**: opposite to next.js, expensive hydration is removed of your users’ devices increasing site speed. – **Zero JS, by default**: No JavaScript runtime overhead to slow you down. JavaScript is loaded only when required. – **Edge-ready**: can run on global edge runtime like Deno or Cloudflare. – **Customizable**: Tailwind, MDX, and 100+ other integrations to choose from. – **UI-agnostic**: Supports React, Preact, Svelte, Vue, Solid, Lit and more as integrable components. There main selling point is that you ship les JavaScript! 🎱Source Code for this Video: https://norbertbm.com/   👇  Website & Courses: 👨‍🏫  : https://norbertbm.com/web-development/web-dev-courses/  Podcast: https://www.youtube.com/channel/UCDKBcl1m__Oj7C5O-orhn_w — Send in a voice message: https://anchor.fm/menyhart-b-norbert9/message
  1. What is ASTRO JS & How To Run it
  2. How to write good code
  3. React JS Explained
  4. WWDC 2022 Apple iOS and MAC's for Web Development.
  5. React version 18 | What is new in React v18 | How to Install Update and run React JS v18

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.