Asana Task Manager for VS Code
Manage Asana tasks directly from VS Code with seamless git integration. This extension allows you to create, update, and complete Asana tasks without leaving your development environment.
Features
- Create Tasks - Create Asana tasks with automatic git context (branch, commit, repo)
- Update Tasks - Add progress updates and comments to your current task
- Complete Tasks - Mark tasks as complete with final commit information
- Team Integration - Select assignees from your Asana teams
- Portfolio Support - Browse projects organized by portfolios
- Status Bar - Shows your current task in the VS Code status bar
- Priority & Due Dates - Set task priorities and due dates with interactive prompts
- Git Integration - Automatically includes branch name and latest commit in task descriptions
Installation Instructions
Method 1: Install from VS Code Marketplace (Recommended)
Option A: Via VS Code Extensions View
- Open VS Code
- Click the Extensions icon in the sidebar (or press
Ctrl+Shift+X
)
- Search for "Asana Task Manager"
- Click the Install button
- Reload VS Code if prompted
Option B: Via Command Line
code --install-extension ScottAllen34.asana-task-manager
Option C: Via Web Browser
- Visit: https://marketplace.visualstudio.com/items?itemName=ScottAllen34.asana-task-manager
- Click Install
- VS Code will open and install the extension
Method 2: Install from VSIX File (Manual Installation)
If you have a .vsix
file provided by your team:
Option A: Using Command Palette
- Open VS Code
- Press
Ctrl+Shift+P
(Windows/Linux) or Cmd+Shift+P
(Mac)
- Type "Install from VSIX" and select "Extensions: Install from VSIX..."
- Browse to and select the
.vsix
file
- Click "Install"
- Reload VS Code when prompted
Option B: Using Command Line
code --install-extension path-to-file.vsix
Initial Setup
Step 1: Get Your Asana Personal Access Token
- Open your browser and go to: https://app.asana.com/0/my-apps
- Click "Create new token"
- Give it a name (e.g., "VS Code Extension")
- Copy the token immediately (you won't see it again!)
- Store it somewhere safe temporarily
- In VS Code, press
Ctrl+Shift+P
to open Command Palette
- Type "Asana" and select "Asana: Configure"
- Follow the prompts:
- Enter Access Token: Paste your token from Step 1
- Select Workspace: Choose your Asana workspace
- Select Portfolio (optional): Choose a portfolio to narrow down projects
- Select Project (optional): Choose a default project for new tasks
- Select Team (optional): Choose your team for assignee selection
- Set Default Assignee (optional): Choose who tasks should be assigned to by default
How to Use
Quick Start
- Start working on a task: Press
Ctrl+Shift+A, C
to create a new Asana task
- Add updates as you work: Press
Ctrl+Shift+A, U
to update your current task
- Mark complete when done: Press
Ctrl+Shift+A, D
to complete the task
Keyboard Shortcuts
Ctrl+Shift+A, C
- Create new task
Ctrl+Shift+A, U
- Update current task (add comment)
Ctrl+Shift+A, D
- Mark task Done (complete)
Ctrl+Shift+A, S
- Show current status
Mac users: Replace Ctrl
with Cmd
Using Command Palette
All commands are also available through the Command Palette (Ctrl+Shift+P
):
- Asana: Configure - Set up or reconfigure the extension
- Asana: Create Task - Create a new task with git context
- Asana: Update Current Task - Add a progress comment
- Asana: Complete Current Task - Mark as complete
- Asana: Show Status - Display current task and git info
- Asana: Switch Task - Switch to a different existing task
Status Bar Indicator
Look at the bottom of VS Code for the Asana status:
⚠ Asana: Not Configured
- Click to set up
➕ Asana: No Task
- Click to create your first task
✓ Asana: TASK-123
- Shows your current task ID (click to see options)
Typical Workflow
Start your day: Create a task for what you're working on
- Press
Ctrl+Shift+A, C
- Enter task title (auto-fills with git info)
- Set due date and priority
- Task is created and set as current
As you work: Add progress updates
- Press
Ctrl+Shift+A, U
- Type your update
- Comment is added with git context
When finished: Complete the task
- Press
Ctrl+Shift+A, D
- Confirm completion
- Task marked complete with final git info
Troubleshooting
- Run "Asana: Configure" from Command Palette
- Make sure you've entered a valid access token
- Check that you've selected a workspace
Extension Not Working After Installation
- Make sure VS Code is fully restarted
- Check that the extension is enabled:
- Go to Extensions view (
Ctrl+Shift+X
)
- Search for "Asana"
- Make sure it's enabled
Can't See Asana Commands
- Make sure you're in a workspace/folder (not just a single file)
- Try reloading VS Code:
Ctrl+Shift+P
→ "Developer: Reload Window"
Token Issues
- Make sure your token hasn't expired
- Try generating a new token from Asana
- Reconfigure the extension with the new token
Priority Field Not Working
If priorities aren't showing correctly:
- The extension uses default priority field IDs
- Your workspace may have different IDs
- Contact your administrator for the correct configuration
Tips
- The extension saves your current task ID in a
.asana-task-id
file in your project root
- Add
.asana-task-id
to your .gitignore
to avoid committing it
- You can manually switch tasks using "Asana: Switch Task" command
- Git information is automatically included when available
- Tasks created include repository name, branch, and latest commit message
Support
For issues or questions:
- Check the Troubleshooting section above
- Try reconfiguring the extension
- Contact your team's Asana administrator
- Report issues to your IT support team
Privacy & Security
- Your Asana token is stored securely in VS Code's settings
- The token is never shared or transmitted except to Asana's API
- Task IDs are stored locally in your project folder
- No data is sent to third parties
Uninstalling
To remove the extension:
- Open Extensions view (
Ctrl+Shift+X
)
- Search for "Asana Task Manager"
- Click the gear icon → Uninstall
- Restart VS Code
Version 1.0.0 - For internal use only