search

spencerwmiles / vscode-task-buttons

Add your tasks to the VSCode interface for even faster usage
MIT License
14 stars 4 forks source link

readme

Task Buttons

Define your tasks and then execute them at the click of a button in your taskbar.

Usage of Task Buttons

Extension Settings

This extension contributes the following setting:

Task button configuration format

For each button you define the following object:

{
  "label": "Label that appears in the taskbar",
  "alignment": "The alignment of the button in the taskbar. Options: left and right. Default: left",
  "task": "The vscode task to execute. Must be absent when using 'tasks'",
  "tasks": "List of tasks to show in the Quick Pick Menu",
  "tooltip": "Optional tooltip to show when hovering over the button (defaults to task name)",
  "description": "A description of the task when viewing the task list in the Quick Pick Menu"
}

Icons

You can add icons to your buttons using the following syntax in the text field:

$(icon-name)

A list of all available icon names (sourced from the VSCode theme) is here

Icons are not supported in the tooltip text.

Emoji

You can add Emoji's to the button text and tooltip text. Just type an emoji as you would any normal character opening your "emoji keyboard" (Windows MacOS)

You can also copy them from Emojipedia

Example configuration

The following settings.json example gives you four buttons using icons and emojis with one of the buttons opening up two more commands in the quick pick menu. It also has the task counter enabled.

{
    "VsCodeTaskButtons.showCounter": true,
    "VsCodeTaskButtons.tasks": [
        {
            "label": "$(notebook-move-down) Build",
            "task": "build",
            "tooltip": "🛠️ Start the \"build\" task"
        },
        {
            "label": "$(search-refresh) Re-Build",
            "task": "re-build",
            "tooltip": "🧹🛠️ Start the \"re-build\" task"
        },
        {
            "label": "$(notebook-delete-cell) Clean build",
            "task": "clean",
            "tooltip": "🧹 Start a \"clean\" task"
        },
        {
            "label": "$(server-process) Server"
            "tasks": [
                {
                    "label": "😀 Start Dev Server",
                    "task": "start-dev",
                    "description": "$(debug-start) Boots up the development server"
                },
                {
                    "label": "🛑 Stop Dev Server",
                    "task": "stop-dev",
                    "description": "$(debug-pause) Shuts down the development server"
                }
            ]
        }
    ]
}

Issues / Feature Requests

https://github.com/spencerwmiles/vscode-task-buttons/issues

Release Notes

1.1.3

Full Changelog: https://github.com/spencerwmiles/vscode-task-buttons/compare/v1.1.2...v.1.1.3

1.1.2

1.1.1

1.1.0

1.0.4

1.0.3

1.0.2

1.0.1

1.0.0