Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Serverless NavigatorNew to Visual Studio Code? Get it now.
Serverless Navigator

Serverless Navigator

André Luiz Batista

|
14 installs
| (0) | Free
Navigate from serverless.yml handler and schema definitions directly to source files and JSON schemas with clickable links and CodeLens.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Serverless Navigator

CI VS Code Marketplace Version VS Code Marketplace Installs Open VSX Version

VS Code extension that adds smart navigation to serverless.yml files. Handler values become clickable links that open the referenced source file and jump straight to the exported function. Schema references using ${file(...)} also become navigable links to the JSON schema file.

Features

Handler Navigation

Bidirectional navigation between serverless.yml and handler functions — click a handler value to jump to the source file, or use the CodeLens above a function to navigate back to its definition in serverless.yml.

Handler Navigation

Schema Navigation

Clickable links on schema: ${file(...)} references — open the JSON schema file directly.

Schema Navigation

CloudWatch Log Insights

CodeLens button to open CloudWatch Log Insights filtered by the Lambda function's log group. On first use, you can pick an existing stage or enter a custom one — your selection is saved for future queries.

CloudWatch Log Insights

More

  • Variable resolution — supports ${self:...}, ${opt:...}, ${env:...}
  • Monorepo support — resolves paths relative to both serverless.yml and workspace root
  • Zero runtime dependencies — lightweight and fast

Supported patterns

Handlers

functions:
  hello:
    handler: src/functions/hello.handler

Schemas

functions:
  createUser:
    handler: src/handlers/user.create
    events:
      - http:
          method: post
          request:
            schemas:
              application/json:
                schema: ${file(schemas/create-user.json)}

Variables

custom:
  handlersPath: src/functions

functions:
  hello:
    handler: ${self:custom.handlersPath}/hello.handler

Development

npm install
npm run compile
npm run test

Press F5 in VS Code to launch the Extension Development Host for testing.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft