saragibby/vscode-profile

Demo app for VS Code and vscode.dev on profile use

Use VS Code profile in vscode.dev to build React Typescript project in your broswer!

Using vscode.dev + VS Code Profiles to enable learning on all devices (no installs)

This repo provides a simple example of how vscode.dev can enable a interactive learning plaform for React and Typescript using VS Code Profiles to setup your development environment.

Getting Started

1. Fork this repo
2. Open your fork in vscode.dev
3. Import the VS Code Profile provided
4. After a few seconds, the editor will be automatically load with required extensions and environment configured to start your React TypeScript project
5. Follow the lesson instructions below
6. Commit changes to the main branch of your forked repository

Lesson Instructions

This project is intended for you to build a React Typescript project with your partner.

The provided VS Code profile will install the required extensions:

• CodeSwing - for editing main React app file (App.jsx) with preview window
• Live Share - for you and your partner to work on project together
• Draw.io - to be used to complete wireframe and flow of React components

Resources

1. vscode.dev - Visual Studio Code for the Web 📝
2. VS Code Profiles - Using profiles to setup development environments in VS Code 🪄
3. Draw.io - Create drawings and diagrams within VS Code and vscode.dev 🧑‍🎨