Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>ASP.NET Visual ToolsNew to Visual Studio Code? Get it now.
ASP.NET Visual Tools

ASP.NET Visual Tools

Supapong Sakulkoo

|
3 installs
| (0) | Free
Visual-first ASP.NET Core development — build, run, diagnose, and annotate without touching the terminal.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ASP.NET Visual Tools

Visual-first VS Code extension for ASP.NET Core (C#) — build, run, diagnose, and annotate without typing terminal commands.

Features

One-click Build & Run

  • Status bar $(tools) Build ASP.NET — runs dotnet build /property:GenerateFullPaths=true, spins while building, then shows success or a clickable error count.
  • Editor title bar (C# tabs) — $(tools) Build Current Project · $(play) Run / Watch.
  • MSBuild output is parsed into the native Problems panel with red/yellow squiggles.

Error highlighting & actions

  • Subtle red line tint + gutter alert icons on error lines.
  • CodeLens above each diagnostic: Add Note · Explain Error · Google / StackOverflow.
  • Hover cards with the same actions via command URIs.

Inline notes & ASP.NET Inspector

  • Right-click → Add Note to this Line (suggestion chips + custom input).
  • Ghost-text badges at end of line + bookmark gutter icons.
  • Sidebar ASP.NET Inspector with Build Diagnostics and Code Notes & Bookmarks (inline Jump / Edit / Delete).

Snippets

Prefix Description
asp-trylog Try/catch + _logger.LogError + ProblemDetails 500
asp-minapi Minimal API route with typed results
asp-global-err Global exception middleware template

Quick start

npm install
npm run compile

Press F5 (Run Extension) to open an Extension Development Host, then open any ASP.NET / .csproj workspace.

Project layout

src/
  extension.ts          # Activation, command wiring
  builder.ts            # Build/run, MSBuild parse, diagnostics, status bar
  notesManager.ts       # Persistence, ghost text, gutters, note hover
  diagnosticsCodeLens.ts
  errorHoverProvider.ts
  views/notesTreeView.ts
snippets/csharp.json
media/                  # Activity bar + extension icons

Notes persist to .vscode/aspnet-notes.json (and workspaceState as backup).

Settings

Setting Default Purpose
aspnetVisual.buildArgs /property:GenerateFullPaths=true Extra dotnet build args
aspnetVisual.watchMode true Use dotnet watch run
aspnetVisual.notesFile .vscode/aspnet-notes.json Notes storage path
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft