VS Code Extensions
vscode-cocktail

vscode-cocktail

by DavisHo

Explore cocktails directly in VS Code with ingredients, flavor notes, preparation methods, random selection, and localization support.

Downloads

12

Rating

5.0 / 5 (1)

Version

1.1.2

Last updated

Apr 11, 2026

version ci license

Turns your editor into a mini cocktail bar.

VS Code Cocktail

Table of Contents

Installation

Install this extension from the VS Code Marketplace.

Features

  • Display cocktail listings
  • View cocktail ingredients, flavor notes, and preparation methods
  • Randomly select a cocktail
  • Show the current cocktail's flavor or preparation instructions
  • Supports localization with built-in en-US, ja-JP, and zh-TW

Development

  1. Open VS Code and press F5 to run the extension in the Extension Development Host.
  2. Open the Cocktail view in the sidebar (registered under Explorer).
  3. When the view loads, it automatically loads available cocktail information and images. You can browse ingredients, preparation steps, and flavor descriptions.
  4. Use the command palette (Ctrl/Cmd+Shift+P) to run these commands:
    • vscode-cocktail.randomDrink: trigger a random cocktail selection in the panel.
    • vscode-cocktail.showFlavorMessage: display the current cocktail's flavor description as a notification.
    • vscode-cocktail.showMethodMessage: display the current cocktail's preparation method as a notification.

Build & Test

  • Install dependencies: npm install
  • Compile and bundle:
npm run compile
  • Run tests:
npm test

Localization

  • Cocktail data and localization strings are stored in the l10n and media/drinks folders.
  • To add a new language, add a corresponding .json file to l10n and select the language in settings.

Contributing

  • Contributions are welcome. Feel free to submit a PR, report bugs, or suggest new cocktails.