Official Documentation and YouTube Resources
Connect official documentation and videos from Fireship, freeCodeCamp, and official channels to concrete exercises.
How to use these references
Checked on 2026-09-06. Use official VS Code and tool documentation for settings and behavior; use videos for UI workflows and practice. Historical video setup commands should be compared with current project versions.
The titles and publishers of all ten YouTube links were checked through YouTube oEmbed. This is not a record of watching every video or verifying every transcript. Selection is based on the accompanying exercise, not a popularity ranking.
YouTube connected to exercises
Fireship's publisher chapters at 02:43, 07:14, and 10:50 connect to symbols, Tasks, and Rename. Use freeCodeCamp for an initial UI walkthrough and official language sessions to reproduce execution/testing in an existing project. Find newer material through the official video guide and VS Code channel.
Editing and configuration
| Official source | Use it for |
|---|---|
| Settings | User, remote, workspace, and language precedence |
| Profiles | Create, import, and export profiles |
| Keyboard shortcuts | Current keymap and command bindings |
| Basic editing | Search, replacement, and multi-cursors |
| Navigation | Symbols, definitions, and references |
| Refactoring | Rename and language-specific actions |
| Tasks | Commands, cwd, matchers, background tasks |
| Debug configuration | Launch, attach, compounds, preLaunchTask |
| Multi-root | Folder settings and named variables |
| Source Control | Diff, stage, commit |
| Merge conflicts | Review merge inputs and result |
| Performance | Process and extension diagnosis |
Formatting and linting
| Official source | Use it for |
|---|---|
| EditorConfig | Text properties and matching sections |
| Oxfmt configuration | Discovery, ignores, EditorConfig support |
| Oxc extension | Executables and save actions |
| Oxlint | Categories, rules, and overrides |
| Prettier and linters | Disable overlapping layout rules |
| ESLint extension | Working directories and fixes |
| typescript-eslint | TypeScript lint configuration |
| yamllint | YAML rules and scope |
| YAML extension | Schema diagnostics |
| shfmt | Shell dialect and formatting |
| ShellCheck | Shell diagnostics |
| Ruff configuration | Rules, width, imports |
| Ruff editor settings | Executable and config selection |
Languages and remote work
| Official source | Use it for |
|---|---|
| Java projects | JDKs and project import |
| Java debugging | Launch, attach, and breakpoints |
| Java testing | Test discovery and debugging |
| Spring Boot | Initializr and Boot integration |
| TypeScript debugging | Source maps and output files |
| TypeScript editing | Current language-service settings |
| Go extension | Tool installation and configuration |
| gopls | Analysis and formatting settings |
| gofmt | Formatting and file lists |
| Python environments | Interpreter selection |
| Python testing | pytest discovery and debugging |
| Python debugging | debugpy launch and module mode |
| uv | Lock, sync, and run |
| Remote SSH | Hosts, extensions, and ports |
| WSL | Linux tools with a Windows UI |
| Dev Containers | Images, mounts, and tools |
Maintenance policy
When keys, extension IDs, or runtime requirements change, update the example and CLI commands together. Update verification dates with their actual scope. Check unavailable videos before replacing them with current official material. Maintain the source documentation in this Docs area.