The latest articles on DEV Community by Douglas Romão (@douglasromao). https://dev.to/douglasromao https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1031637%2F1bc14ea5-8c69-495d-b3a5-e61c84c91981.jpeg https://dev.to/douglasromao en Douglas Romão Thu, 31 Aug 2023 00:24:36 +0000 https://dev.to/douglasromao/open-vs-code-web-from-github-repository-47j2 https://dev.to/douglasromao/open-vs-code-web-from-github-repository-47j2 <p>Hi there 👋🏻,</p> <p>Today I had one of those mind-blowing moments when participating on a meeting regarding the <strong>M365 Platform &amp; Power Platform Community Program</strong> (<a href="https://pnp.github.io/">https://pnp.github.io/</a>). </p> <p>I discovered that we can actually open <strong>VS Code in a Web version</strong> from a <strong>Github repository</strong>! How crazy is that? 😱 </p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0NXfSdaU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2l9fysqqsw6m5q3ocln.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0NXfSdaU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s2l9fysqqsw6m5q3ocln.png" alt="WoW GIF" width="473" height="355"></a></p> <p>I don't know when this was released, maybe it was something available long time ago and I didn't know about 😂😂😂, but that's amazing!</p> <p>You can see the official documentation here: <a href="https://docs.github.com/en/codespaces/the-githubdev-web-based-editor">Github dev web based editor</a></p> <p>You can try out right now by changing in your repository's URL and put instead of <strong>github.com</strong>, <strong>github.dev</strong>:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7T6D6BoX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3el7b1qzjtcse5z9nznr.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7T6D6BoX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3el7b1qzjtcse5z9nznr.png" alt="VS Code Web version from changing the URL" width="800" height="456"></a></p> <p><strong>Then, in my case it was from:</strong></p> <p><code>https://github.COM/douglasromao/powerapps-samples/tree/SharingIsCaring-Douglas</code></p> <p><strong>to</strong></p> <p><code>https://github.DEV/douglasromao/powerapps-samples/tree/SharingIsCaring-Douglas</code></p> <p>With this simple change, you have a VS Code Web version with your repository fully connected to Github, with the ability to do changes and do all git actions from there:</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iqjHtozy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dt5al0x4fw957w1kvbqm.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iqjHtozy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dt5al0x4fw957w1kvbqm.png" alt="VS Code Web version with Git actions features" width="762" height="309"></a></p> <p>I was amazed when I saw that working, now, tell me, what do you think about that? </p> <p>See you next time, cheers! </p> webdev vscode github productivity