Bring the power of Heroku right into your development workflow. Deploy, manage, and monitor your applications without leaving your editor.
Connect your Heroku account with a few clicks using secure OAuth authentication. Your credentials are safely stored and automatically refreshed.
Deploy your applications directly from VS Code:
- One-click deployment with "Deploy to Heroku" button support
- Full
app.json
manifest configuration - Environment variable management
- Procfile validation and deployment
Jump-start your projects with our curated starter templates:
- Browse and search available templates
- Clone and deploy in seconds
- Automatic initial configuration
Enhance your apps with Heroku add-ons without leaving your editor:
- Browse the complete add-ons catalog
- Install and configure add-ons
- Manage existing add-ons
Keep an eye on your applications:
- Live log streaming
- Real-time dyno status updates
- Formation and dyno management
- Instant scaling controls
Access Heroku CLI commands directly from VS Code:
- Right-click to access contextual commands
- Integrated command execution
- Shell script support
- Install the extension from the VS Code marketplace
- Click the Heroku icon in the activity bar
- Sign in to your Heroku account
- Link your workspace to your Heroku app(s)
- Visual Studio Code 1.60.x or higher
- Heroku CLI (version ^9.5.x)
- Github account
To build and run locally:
- npm install
- Open vscode
- From within
Run and Debug
, clickRun Extension