vscode:setupguide
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
| vscode:setupguide [2025/10/25 21:08] – created 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 ===== | ||
| - | * Menu paths are written like: '' | ||
| - | * Keyboard keys use + signs: '' | ||
| - | * Screenshots live in '' | ||
| - | * Each step includes 1–2 images with captions. Replace the placeholders with your screenshots. | ||
| + | * Menu paths are written like: <wrap round box>File >> New Window with Profile >> New Profile...</ | ||
| + | * Keyboard keys use + signs: < | ||
| + | * Screenshots live in the '': | ||
| + | * 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 '' | ||
| - Your browser opens to GitHub — authorize VS Code, then return to VS Code | - Your browser opens to GitHub — authorize VS Code, then return to VS Code | ||
| 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 69: | Line 74: | ||
| ==== Steps ==== | ==== Steps ==== | ||
| - | - Open Extensions: | + | - Open Extensions: |
| - After install, click '' | - After install, click '' | ||
| - Confirm Copilot is enabled (status icon appears in the status bar) | - Confirm Copilot is enabled (status icon appears in the status bar) | ||
| - | - Test: open a code file and start typing a comment; accept a suggestion with '' | + | - Test: open a code file and start typing a comment; accept a suggestion with <kbd>Tab</ |
| ==== 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 (<kbd>Ctrl</ |
| ==== Screenshots ==== | ==== Screenshots ==== | ||
| - | Image A — Welcome (Get Started) page | + | <WRAP centeralign> |
| + | Image A — Welcome (Get Started) page\\ | ||
| + | {{ : | ||
| + | </ | ||
| - | {{ : | + | <WRAP round tip> |
| - | + | * Extensions add their own walkthroughs; | |
| - | ==== Notes ==== | + | |
| - | + | ||
| - | * Extensions add their own walkthroughs; | + | |
| * [[https:// | * [[https:// | ||
| + | </ | ||
vscode/setupguide.1761426519.txt.gz · Last modified: 2025/10/25 21:08 by muffin