Within Visual Studio Code, you can interact with tasks from your projects directly from the app via the Teamwork Projects extension.

With the VSCode Editor extension, you can view and add comments to tasks as well as quickly create new tasks from lines of code in the editor.

Note: If you are working in a Github repository, the newly-created task will have a direct link to the exact line in Github.

Once you have the Teamwork Projects extension installed in VSCode, select the Teamwork Projects icon from the left sidebar and click the user profile icon at the top of the extension.

Image Placeholder

This will open a new tab in your browser where you can log in to the Teamwork Projects account you wish to connect. After logging in, VSCode will pull in a list of your projects from your site.

Click the Select Project for Repository option while you have the extension open. This will bring up a dropdown list of your projects. Using the checkboxes to the left of each project, select the ones you want to list for quick access.

Once you click OK (or press Enter on your keyboard), the selected projects will appear in the list on the left.

Image Placeholder


You can click a project to expand it to display any active task lists. Select a task list to view any open tasks.

Image Placeholder


Viewing an existing Teamwork Projects task


When you select an individual task, it will open a task details view in the editor. The task pane will display the relevant task details with whichever properties that have been set.

Image Placeholder

You can click the project or task list name to be directed to that area in your Teamwork Projects site.


Creating a task from a line of code


You can quickly create Teamwork Projects tasks directly from lines of code within the editor. Highlight the relevant text, then right click and choose Create Task.

Image Placeholder

A modal will open at the top of the editor where you can select the project and task list you wish to add the task to. Once you have selected a task list, enter in the task title, assignee, and due date.

Image Placeholder

Press Enter on your keyboard to create the task. You will see a notification in the bottom right corner of VSCode indicating that the task was created.

Image Placeholder
A comment will also be added to your code file detailing the task created.

Image Placeholder

Once the task has been created, it will be accessible in the projects list in the Teamwork Projects extension panel.

Image Placeholder

Clicking the task will open the task details pane on the right side of VSCode.

Image Placeholder

In Teamwork Projects, you will see the task has been created in the chosen task list. The task description will include the details from VSCode.

Image Placeholder


Adding a comment to an existing task


To add a comment to the task, click Add Comment at the bottom of the pane to open the comment box. Click Submit to add the comment to the task in Teamwork Projects.

Image Placeholder

When viewing the task in Teamwork Projects, you will see the comment has been added to the task.

Image Placeholder