freeCodeCamp / classroom

BSD 3-Clause "New" or "Revised" License
144 stars 121 forks source link

Add Visual Studio Code Live Share extension to GitHub CodeSpaces #393

Closed lloydchang closed 1 year ago

lloydchang commented 1 year ago

Describe the issue Add Visual Studio Code Live Share extension to GitHub CodeSpaces

References:

  1. https://docs.github.com/en/codespaces/developing-in-codespaces/working-collaboratively-in-a-codespace
  2. https://devblogs.microsoft.com/cse/2023/03/20/pair-programming-and-codespaces/
  3. https://stackoverflow.com/questions/58736399/how-to-get-vscode-liveshare-extension-working-when-running-inside-vscode-remote

Expected behavior

In lines 31 and 32 of devcontainer.json https://github.com/freeCodeCamp/classroom/blob/main/.devcontainer/devcontainer.json#L31-L32

Change:

                "esbenp.prettier-vscode"
            ]

To:

                "esbenp.prettier-vscode",
                "ms-vsliveshare.vsliveshare"
            ]

See screenshots below:

Screen Shot 2023-07-25 at 7 50 28 PM Screen Shot 2023-07-25 at 7 50 38 PM Screen Shot 2023-07-25 at 7 50 41 PM Screen Shot 2023-07-25 at 7 50 46 PM Screen Shot 2023-07-25 at 7 50 48 PM Screen Shot 2023-07-25 at 7 50 56 PM Screen Shot 2023-07-25 at 7 51 03 PM Screen Shot 2023-07-25 at 7 51 06 PM Screen Shot 2023-07-25 at 7 53 04 PM Screen Shot 2023-07-25 at 7 53 07 PM Screen Shot 2023-07-25 at 7 53 11 PM Screen Shot 2023-07-25 at 7 53 13 PM Screen Shot 2023-07-25 at 7 57 50 PM Screen Shot 2023-07-25 at 7 58 34 PM Screen Shot 2023-07-25 at 7 58 40 PM Screen Shot 2023-07-25 at 7 58 48 PM Screen Shot 2023-07-25 at 7 58 52 PM Screen Shot 2023-07-25 at 7 58 55 PM Screen Shot 2023-07-25 at 7 58 58 PM Screen Shot 2023-07-25 at 7 59 00 PM Screen Shot 2023-07-25 at 7 59 02 PM Screen Shot 2023-07-25 at 7 59 06 PM Screen Shot 2023-07-25 at 7 59 07 PM Screen Shot 2023-07-25 at 7 59 09 PM

Additional context While pair programming with @Code-Victor, @Chrisdbeloved1, @Ayomide6441, and @Quawiyyah, I noticed we can improve the situation and pair programming environment by using Visual Studio Code Live Share extension in GitHub CodeSpaces.