vscode:setupguide
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revision | |||
| vscode:setupguide [2025/10/26 07:07] – muffin | vscode:setupguide [2025/10/26 08:58] (current) – muffin | ||
|---|---|---|---|
| Line 3: | Line 3: | ||
| Simple, screenshot-driven steps to get VS Code set up. This guide is written for Windows and uses short steps, clear menu paths, and annotated images. | Simple, screenshot-driven steps to get VS Code set up. This guide is written for Windows and uses short steps, clear menu paths, and annotated images. | ||
| + | <WRAP round info> | ||
| ===== How to use this guide ===== | ===== How to use this guide ===== | ||
| - | | + | |
| + | | ||
| * Keyboard keys use + signs: < | * Keyboard keys use + signs: < | ||
| - | * Screenshots live in '' | + | * Screenshots live in the '': |
| * Each step includes 1–2 images with captions. Replace the placeholders with your screenshots. | * Each step includes 1–2 images with captions. Replace the placeholders with your screenshots. | ||
| + | </ | ||
| ---- | ---- | ||
| ===== 1) Create a new VS Code profile ===== | ===== 1) Create a new VS Code profile ===== | ||
| + | <WRAP round help> | ||
| Why profiles? Profiles let you keep separate extensions, settings, and UI layout for different tasks (e.g., Python vs. Web). They’re easy to switch without changing your default setup. | Why profiles? Profiles let you keep separate extensions, settings, and UI layout for different tasks (e.g., Python vs. Web). They’re easy to switch without changing your default setup. | ||
| + | </ | ||
| ==== Steps ==== | ==== Steps ==== | ||
| - | - In VS Code, go to: '' | + | - In VS Code, go to: <wrap round box>File >> New Window with Profile >> New Profile...</ |
| - Choose '' | - Choose '' | ||
| - Give it a name (e.g., "Web Dev" or " | - Give it a name (e.g., "Web Dev" or " | ||
| Line 26: | Line 30: | ||
| ==== Screenshots ==== | ==== Screenshots ==== | ||
| - | Image A — Open the profile menu | + | <WRAP centeralign> |
| + | Image A — Open the profile menu\\ | ||
| + | {{ : | ||
| - | {{ : | + | Image B — Create new profile dialog\\ |
| - | + | {{ : | |
| - | Image B — Create new profile dialog | + | </ |
| - | + | ||
| - | {{ : | + | |
| ---- | ---- | ||
| Line 42: | Line 46: | ||
| ==== Steps ==== | ==== Steps ==== | ||
| - | - Go to: '' | + | - Go to: <wrap round box>Manage (gear icon, bottom-left) >> Turn on Settings Sync...</ |
| * Or press: < | * Or press: < | ||
| - Click '' | - Click '' | ||
| Line 53: | Line 57: | ||
| Image A — Turn on Settings Sync | Image A — Turn on Settings Sync | ||
| - | {{ : | + | <WRAP centeralign> |
| - | + | {{ : | |
| - | ==== Notes ==== | + | </ |
| + | <WRAP round tip> | ||
| * If you use multiple profiles, turn Sync on in the profile you want as your baseline. | * If you use multiple profiles, turn Sync on in the profile you want as your baseline. | ||
| * You can limit what gets synced (e.g., extensions only) in the turn-on dialog. | * You can limit what gets synced (e.g., extensions only) in the turn-on dialog. | ||
| * [[https:// | * [[https:// | ||
| + | </ | ||
| ---- | ---- | ||
| Line 76: | Line 81: | ||
| ==== Screenshots ==== | ==== Screenshots ==== | ||
| - | Image A — Install GitHub Copilot extension | + | <WRAP centeralign> |
| + | Image A — Install GitHub Copilot extension\\ | ||
| + | {{ : | ||
| + | </ | ||
| - | {{ : | + | <WRAP round tip> |
| - | + | * If you don’t see suggestions, | |
| - | ==== Notes ==== | + | |
| - | + | ||
| - | * If you don’t see suggestions, | + | |
| * You can toggle Copilot per-language in the extension settings. | * You can toggle Copilot per-language in the extension settings. | ||
| * [[https:// | * [[https:// | ||
| + | </ | ||
| ---- | ---- | ||
| Line 94: | Line 99: | ||
| ==== Steps ==== | ==== Steps ==== | ||
| - | - Open the Welcome page: '' | + | - Open the Welcome page: <wrap round box>Help >> Get Started</ |
| * Or press: < | * Or press: < | ||
| - Click '' | - Click '' | ||
| - | - Optional: Keep showing the Welcome page at startup — '' | + | - Optional: Keep showing the Welcome page at startup — <wrap round box>Settings (< |
| ==== Screenshots ==== | ==== Screenshots ==== | ||
| - | Image A — Welcome (Get Started) page | + | <WRAP centeralign> |
| - | + | Image A — Welcome (Get Started) page\\ | |
| - | {{ : | + | {{ : |
| - | + | </ | |
| - | ==== Notes ==== | + | |
| + | <WRAP round tip> | ||
| * Extensions add their own walkthroughs; | * Extensions add their own walkthroughs; | ||
| * [[https:// | * [[https:// | ||
| + | </ | ||
vscode/setupguide.txt · Last modified: 2025/10/26 08:58 by muffin