NavTrack — VSCode Setup Export

Generated: 2026-05-14
VSCode version: 1.100 (commit 41dd792)

How to Apply to a New VSCode Instance

Option A — One-shot CLI install (recommended)

Paste the block below into a terminal that has the code CLI on its PATH.

code --install-extension 1yib.svelte-bundle
code --install-extension ardenivanov.svelte-intellisense
code --install-extension batisteo.vscode-django
code --install-extension bradlc.vscode-tailwindcss
code --install-extension dbaeumer.vscode-eslint
code --install-extension docker.docker
code --install-extension donjayamanne.python-environment-manager
code --install-extension donjayamanne.python-extension-pack
code --install-extension eamodio.gitlens
code --install-extension esbenp.prettier-vscode
code --install-extension fivethree.vscode-svelte-snippets
code --install-extension github.copilot
code --install-extension github.copilot-chat
code --install-extension github.vscode-pull-request-github
code --install-extension kevinrose.vsc-python-indent
code --install-extension kreativ-software.csharpextensions
code --install-extension ms-azuretools.vscode-containers
code --install-extension ms-azuretools.vscode-docker
code --install-extension ms-dotnettools.csdevkit
code --install-extension ms-dotnettools.csharp
code --install-extension ms-dotnettools.vscode-dotnet-runtime
code --install-extension ms-dotnettools.vscodeintellicode-csharp
code --install-extension ms-python.debugpy
code --install-extension ms-python.python
code --install-extension ms-python.vscode-pylance
code --install-extension ms-python.vscode-python-envs
code --install-extension ms-vscode.powershell
code --install-extension njpwerner.autodocstring
code --install-extension ritwickdey.liveserver
code --install-extension rooveterinaryinc.roo-cline
code --install-extension saoudrizwan.claude-dev
code --install-extension svelte.svelte-vscode
code --install-extension visualstudioexptteam.intellicode-api-usage-examples
code --install-extension visualstudioexptteam.vscodeintellicode
code --install-extension wholroyd.jinja
code --install-extension yzhang.markdown-all-in-one

Option B — Workspace recommendations file

Copy the JSON below into .vscode/extensions.json at the root of the target project. VSCode will prompt any user who opens the workspace to install all recommended extensions.

{
  "recommendations": [
    "1yib.svelte-bundle",
    "ardenivanov.svelte-intellisense",
    "batisteo.vscode-django",
    "bradlc.vscode-tailwindcss",
    "dbaeumer.vscode-eslint",
    "docker.docker",
    "donjayamanne.python-environment-manager",
    "donjayamanne.python-extension-pack",
    "eamodio.gitlens",
    "esbenp.prettier-vscode",
    "fivethree.vscode-svelte-snippets",
    "github.copilot",
    "github.copilot-chat",
    "github.vscode-pull-request-github",
    "kevinrose.vsc-python-indent",
    "kreativ-software.csharpextensions",
    "ms-azuretools.vscode-containers",
    "ms-azuretools.vscode-docker",
    "ms-dotnettools.csdevkit",
    "ms-dotnettools.csharp",
    "ms-dotnettools.vscode-dotnet-runtime",
    "ms-dotnettools.vscodeintellicode-csharp",
    "ms-python.debugpy",
    "ms-python.python",
    "ms-python.vscode-pylance",
    "ms-python.vscode-python-envs",
    "ms-vscode.powershell",
    "njpwerner.autodocstring",
    "ritwickdey.liveserver",
    "rooveterinaryinc.roo-cline",
    "saoudrizwan.claude-dev",
    "svelte.svelte-vscode",
    "visualstudioexptteam.intellicode-api-usage-examples",
    "visualstudioexptteam.vscodeintellicode",
    "wholroyd.jinja",
    "yzhang.markdown-all-in-one"
  ]
}

Option C — Settings Sync

If both machines are signed into the same GitHub or Microsoft account:

On the source machine: Accounts menu → Turn on Settings Sync → enable all categories.
On the target machine: sign in with the same account and enable Settings Sync — extensions, settings, and keybindings sync automatically.

Workspace Settings

Copy the JSON below into .vscode/settings.json at the root of the target project.

{
  "files.associations": {
    "*.css": "tailwindcss"
  },
  "prettier.documentSelectors": ["**/*.svelte"],
  "tailwindCSS.includeLanguages": {
    "html": "html",
    "javascript": "javascript",
    "css": "css"
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "tailwindCSS.classAttributes": [
    "class",
    "accent",
    "active",
    "animIndeterminate",
    "aspectRatio",
    "background",
    "badge",
    "bgBackdrop",
    "bgDark",
    "bgDrawer",
    "bgLight",
    "blur",
    "border",
    "button",
    "buttonAction",
    "buttonBack",
    "buttonClasses",
    "buttonComplete",
    "buttonDismiss",
    "buttonNeutral",
    "buttonNext",
    "buttonPositive",
    "buttonTextCancel",
    "buttonTextConfirm",
    "buttonTextFirst",
    "buttonTextLast",
    "buttonTextNext",
    "buttonTextPrevious",
    "buttonTextSubmit",
    "caretClosed",
    "caretOpen",
    "chips",
    "color",
    "controlSeparator",
    "controlVariant",
    "cursor",
    "display",
    "element",
    "fill",
    "fillDark",
    "fillLight",
    "flex",
    "flexDirection",
    "gap",
    "gridColumns",
    "height",
    "hover",
    "inactive",
    "indent",
    "justify",
    "meter",
    "padding",
    "position",
    "regionAnchor",
    "regionBackdrop",
    "regionBody",
    "regionCaption",
    "regionCaret",
    "regionCell",
    "regionChildren",
    "regionChipList",
    "regionChipWrapper",
    "regionCone",
    "regionContent",
    "regionControl",
    "regionDefault",
    "regionDrawer",
    "regionFoot",
    "regionFootCell",
    "regionFooter",
    "regionHead",
    "regionHeadCell",
    "regionHeader",
    "regionIcon",
    "regionInput",
    "regionInterface",
    "regionInterfaceText",
    "regionLabel",
    "regionLead",
    "regionLegend",
    "regionList",
    "regionListItem",
    "regionNavigation",
    "regionPage",
    "regionPanel",
    "regionRowHeadline",
    "regionRowMain",
    "regionSummary",
    "regionSymbol",
    "regionTab",
    "regionTrail",
    "ring",
    "rounded",
    "select",
    "shadow",
    "slotDefault",
    "slotFooter",
    "slotHeader",
    "slotLead",
    "slotMessage",
    "slotMeta",
    "slotPageContent",
    "slotPageFooter",
    "slotPageHeader",
    "slotSidebarLeft",
    "slotSidebarRight",
    "slotTrail",
    "spacing",
    "text",
    "track",
    "transition",
    "width",
    "zIndex"
  ]
}

Why the long tailwindCSS.classAttributes list?
Skeleton UI passes Tailwind classes through dozens of non-standard prop names (e.g. regionBody, buttonAction). This list tells the Tailwind IntelliSense extension to activate autocomplete inside those props.

Extensions Reference

Svelte & Frontend

Extension	ID	Version	Description
Svelte for VS Code	`svelte.svelte-vscode`	109.11.2	Official Svelte language support: syntax highlighting, diagnostics, TypeScript checking, and Prettier formatting for `.svelte` files. Required for this project.
Svelte Bundle	`1yib.svelte-bundle`	1.0.0	Bundles additional Svelte utilities and integrations.
Svelte IntelliSense	`ardenivanov.svelte-intellisense`	0.7.1	Adds IntelliSense for Svelte component props and custom events when importing components.
Svelte Snippets	`fivethree.vscode-svelte-snippets`	0.5.0	Code snippets for common Svelte patterns (`$state`, `$derived`, `{#each}`, `{#if}`, etc.).

Tailwind CSS

Extension	ID	Version	Description
Tailwind CSS IntelliSense	`bradlc.vscode-tailwindcss`	0.14.29	Autocomplete, hover color previews, and linting for Tailwind utility classes. Reads `tailwind.config.js` for project-specific tokens. Required for this project.

Formatting & Linting

Extension	ID	Version	Description
Prettier	`esbenp.prettier-vscode`	11.0.0	Opinionated code formatter. Configured via `.prettierrc` to handle `.svelte`, `.ts`, and `.js` files. Required for this project.
ESLint	`dbaeumer.vscode-eslint`	3.0.16	Surfaces ESLint errors inline as you type. Reads `eslint.config.js`. Required for this project.

Git & GitHub

Extension	ID	Version	Description
GitLens	`eamodio.gitlens`	17.6.2	Inline blame annotations, commit history explorer, branch comparisons, and rich diff views.
GitHub Copilot	`github.copilot`	1.388.0	AI inline completions (requires active Copilot subscription).
GitHub Copilot Chat	`github.copilot-chat`	0.32.4	Conversational AI panel for code explanation, refactoring, and generation.
GitHub Pull Requests	`github.vscode-pull-request-github`	0.120.2	Review and manage GitHub PRs and issues directly in the editor.

AI Coding Agents

Extension	ID	Version	Description
Cline (Claude Dev)	`saoudrizwan.claude-dev`	3.36.1	Autonomous AI coding agent that can read/write files, run terminal commands, and browse. Connects to Anthropic, OpenAI, and other providers.
Roo Cline	`rooveterinaryinc.roo-cline`	3.30.3	Fork of Cline with additional agent modes and model routing options.

Docker & Containers

Extension	ID	Version	Description
Docker (Docker Inc.)	`docker.docker`	0.18.0	Official Docker Desktop integration: container/image management, Compose file support.
Docker (Azure Tools)	`ms-azuretools.vscode-docker`	2.0.0	Microsoft's Docker extension with container explorer, debugging, and registry support.
Dev Containers	`ms-azuretools.vscode-containers`	2.2.0	Open any folder inside a Docker container as a full development environment.

Python

Extension	ID	Version	Description
Python	`ms-python.python`	2025.16.0	Core Python language support: IntelliSense, linting, test discovery, and environment selection.
Pylance	`ms-python.vscode-pylance`	2025.9.1	Fast, feature-rich Python language server built on Pyright. Provides type-checking and advanced completions.
Debugpy	`ms-python.debugpy`	2025.14.1	Python debugger extension (replaces the legacy ptvsd).
Python Environments	`ms-python.vscode-python-envs`	1.10.0	UI for creating and switching between virtual environments and conda envs.
Python Environment Manager	`donjayamanne.python-environment-manager`	1.2.7	Sidebar view showing all detected Python environments and their packages.
Python Extension Pack	`donjayamanne.python-extension-pack`	1.7.0	Meta-pack that bundles common Python extensions.
Python Indent	`kevinrose.vsc-python-indent`	1.21.0	Correct Python indentation on Enter — handles hanging indents and dedents intelligently.
autoDocstring	`njpwerner.autodocstring`	0.6.1	Generates Python docstrings from function signatures on a single keystroke.

C# & .NET

Extension	ID	Version	Description
C#	`ms-dotnettools.csharp`	2.93.22	Core C# language support: syntax highlighting, IntelliSense, and navigation.
C# Dev Kit	`ms-dotnettools.csdevkit`	1.70.3	Solution explorer, test runner, and project management for .NET projects.
.NET Runtime Installer	`ms-dotnettools.vscode-dotnet-runtime`	2.3.7	Installs the correct .NET runtime version required by other extensions.
IntelliCode for C#	`ms-dotnettools.vscodeintellicode-csharp`	2.2.3	AI-assisted completions trained on .NET open-source code.
C# Extensions	`kreativ-software.csharpextensions`	1.7.3	Adds "New C# Class" and "New C# Interface" to the file explorer context menu.
PowerShell	`ms-vscode.powershell`	2025.4.0	PowerShell language support, debugging, and an integrated console.

IntelliCode

Extension	ID	Version	Description
Visual Studio IntelliCode	`visualstudioexptteam.vscodeintellicode`	1.3.2	AI-assisted IntelliSense that ranks completions based on your code context.
IntelliCode API Usage Examples	`visualstudioexptteam.intellicode-api-usage-examples`	0.2.9	Shows real-world GitHub code examples for the API symbol under the cursor.

Templating

Extension	ID	Version	Description
Django	`batisteo.vscode-django`	1.15.0	Django template syntax highlighting and snippets.
Jinja	`wholroyd.jinja`	0.0.8	Jinja2 template syntax highlighting.

Utilities

Extension	ID	Version	Description
Live Server	`ritwickdey.liveserver`	5.7.9	One-click local dev server with live reload for static HTML/CSS/JS files.
Markdown All in One	`yzhang.markdown-all-in-one`	3.6.3	Markdown shortcuts, auto-preview, table of contents generation, and paste-image support.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

NavTrack — VSCode Setup Export

How to Apply to a New VSCode Instance

Option A — One-shot CLI install (recommended)

Option B — Workspace recommendations file

Option C — Settings Sync

Workspace Settings

Extensions Reference

Svelte & Frontend

Tailwind CSS

Formatting & Linting

Git & GitHub

AI Coding Agents

Docker & Containers

Python

C# & .NET

IntelliCode

Templating

Utilities

FilesExpand file tree

vscode-setup.md

Latest commit

History

vscode-setup.md

File metadata and controls

NavTrack — VSCode Setup Export

How to Apply to a New VSCode Instance

Option A — One-shot CLI install (recommended)

Option B — Workspace recommendations file

Option C — Settings Sync

Workspace Settings

Extensions Reference

Svelte & Frontend

Tailwind CSS

Formatting & Linting

Git & GitHub

AI Coding Agents

Docker & Containers

Python

C# & .NET

IntelliCode

Templating

Utilities