Azure DevOps Pull Requests for VS Code
Review and manage Azure DevOps pull requests and pipelines directly in VS Code — without leaving your editor.
Features
Pull Requests
- 📋 View Pull Requests — See all active PRs grouped by category (yours, needs review, all)
- ➕ Create Pull Requests — Open a form to create a PR from the current branch
- 🔍 Code Review — Browse changed files in a tabbed UI (Files / Overview / Comments) and open native VS Code diff editor for each file
- 💬 View & Add Comments — Read comment threads and add your own
- 🔀 Checkout Branch — Switch to a PR's source branch with one click
- ✅ Approve PRs — Approve pull requests inline
Pipelines
- 🚀 Pipeline Dashboard — Full webview dashboard with pipeline cards, build history, stage/job/task timeline with collapsible sections
- 📊 Progress Bars — Visual progress indicators per stage and overall, color-coded by status (green/red/blue), auto-refresh every 10s while running
- ▶️ Run Pipelines — Queue new pipeline runs with branch selection directly from the dashboard
- 📋 Pipeline Sidebar — See recent pipeline runs at a glance in the Activity Bar
General
- 🔎 Project Filtering — Filter PRs and pipelines by project using the filter icon in each sidebar view title, or the project dropdown in the pipeline dashboard
- 🔒 Secure Authentication — PAT stored in OS keychain, never in plain text
Security
Your Personal Access Token (PAT) is stored using VS Code's SecretStorage API, which is backed by:
- macOS: Keychain Access
- Windows: Windows Credential Manager
- Linux: libsecret / GNOME Keyring
The PAT is never stored in settings.json, workspace files, or any plain-text location.
Setup
- Install the extension
- Open the Azure DevOps PR view in the Activity Bar
- Click Configure Personal Access Token
- Enter:
- Your organization URL (
https://dev.azure.com/your-org)
- Your project name
- A Personal Access Token with Code (Read & Write) and Build (Read) scopes
Creating a PAT
- Go to
https://dev.azure.com/your-org/_usersSettings/tokens
- Click New Token
- Select scopes: Code → Read & Write, Build → Read
- Copy the token and paste it into the extension prompt
Your PAT needs these scopes (when creating at https://dev.azure.com/{org}/_usersettings/tokens):
| PAT Scope |
Required Level |
Extension Feature |
| Code |
Read & Write |
List repos, branches, PRs; create PRs; approve PRs; add comments |
| Build |
Read & Execute |
List pipeline definitions, view builds/timeline, queue new runs |
| Project and Team |
Read |
List projects in the project filter |
| Member Entitlement Management |
Read |
Resolve your user identity (for PR approval) |
Configuration
| Setting |
Default |
Description |
azureDevOpsPR.organizationUrl |
"" |
Azure DevOps org URL |
azureDevOpsPR.project |
"" |
Default project name |
azureDevOpsPR.defaultRepository |
"" |
Default repo (auto-detected if empty) |
azureDevOpsPR.autoRefreshInterval |
300 |
Refresh interval in seconds (min: 60) |
azureDevOpsPR.showDrafts |
true |
Show draft PRs |
Development
# Install dependencies
npm install
# Compile
npm run compile
# Watch mode
npm run watch
# Press F5 in VS Code to launch Extension Development Host
# Package
npm run package
Project Structure
src/
├── extension.ts # Entry point, command registration
├── api/
│ └── azureDevOpsApi.ts # Azure DevOps REST API wrapper
├── providers/
│ ├── pullRequestProvider.ts # PR tree view (with project filter)
│ └── pipelineProvider.ts # Pipeline tree view (with project filter)
├── views/
│ ├── prDetailPanel.ts # PR detail webview: tabbed Files/Overview/Comments, native diff editor
│ ├── createPRPanel.ts # Create PR webview form
│ └── pipelineDashboardPanel.ts # Pipeline dashboard: cards, history, timeline, progress bars
└── utils/
├── authManager.ts # SecretStorage-backed PAT management
└── gitHelper.ts # Git operations (branch, checkout, remote)
Contributing
PRs welcome! Please keep security in mind:
- Never log or expose the PAT
- Always use
SecretStorage for sensitive values
- Validate all inputs before sending to the API
License
MIT
