DEV Community

Cover image for Testing Github Codespaces beta๐Ÿ”ฅ๐Ÿฑโ€๐Ÿ’ป
krishna kakade
krishna kakade

Posted on

Testing Github Codespaces beta๐Ÿ”ฅ๐Ÿฑโ€๐Ÿ’ป

Hello all๐Ÿ˜Š๐Ÿ‘‹
In this article, I going to tell you about the new GitHub Codespaces feature(VSCode in browser https://github.com/codespaces) beta version detailed review.

Contents of this Article

  • Basic Intro
  • React app Editing and adding files(With dependencies and trying to run the app in codespaces using interactive terminal) whole detail experience with snaps detailed description and other functionalities
  • Future Predictions(New features) Github Codespaces ๐Ÿ”ฅ

Basic Intro

Basically Github codespaces are your instant dev environment in the browser itself and
Code without compromise Code, build, test, debug, and deploy with a complete development environment in your browser.you can install extensions, or else you can connect through Vscode to your system now you can commit from anywhere using mobile to you can do major changes in code too because we are getting Code, build, test, debug, and deploy with a complete development environment in your browser. you can do everything as all git functionalities are there and dependencies everything is there๐Ÿ”ฅ๐ŸŒ .

React app Editing and adding files(With dependencies and trying to run the app in codespaces using interactive terminal) whole detail experience with snaps detailed description and other functionalities ๐Ÿ”ฝ๐ŸŒ 

  • First Step for accessing GitHub codespaces you need to signup for ๐Ÿ‘‰GithubCodespaces after a few days you will get an email and as GitHub suggests use a chromium-based browser for codespaces best experience currently they giving access to few bunches of users so you may need to wait. after doing that you will get an option like ๐Ÿ”ฝ Alt Text From that, you can open your project in the Codespaces browser itself and you have to create codespaces for each project currently they are providing 2 to beta users so after opening the project you will get a window like this(use chrome new stable version best experience)๐Ÿ”ฝ Alt Text
  • Only Linux containers are supported.
  • A codespace is not fully resumable. Processes that were running at the time the codespace was stopped will not be restarted. and for reinitializing codespaces, it is to a long time so I run npm start i can able to see a warning for live preview I am not able to view that but we can launch in chrome against the chrome.

Interesting features and tips like shortcut keys

  • Ex:-CTRL+N new file everyhting like Vscode shortcut keys
  • CTRL+SHIFT+X for viewing extensions or else you can add extensions from there also
  • For keyboard shortcuts use CTRL+K CTRL+S
    Codespaces is having everything like VScode like changing themes and adding installing dependencies and all but one feature is eye-catching **Live Sharing *

  • Live Sharing
    We can do live sharing in Github Codespaces and we can add colleagues or friends project partners to our project so we both can do changes same time that is awesome ๐Ÿ”ฅ๐Ÿ˜Ž๐ŸŒ โœจ

Future Predictions(New features) Github Codespaces ๐Ÿ”ฅ

So as they say we are going to announce pricing for more codespaces and supporting more users for codespaces like add more contributors to your codespaces (you can add more contacts by using sharing links associated with codespaces) after launching the stable version this will be like Pro feature on GitHub profile more private repos pay for that.

final thoughts

Great Feature now we can do commits from anywhere but wait for stable version for getting resume and pause codespaces and if once codespaces stopped not restarted again.
I love it
you can know more about GitHub codespaces on Documentation

Thank you have a great day ahead.

Discussion (0)