VS Code Pokémon

Puts cute Pokémon in your code editor to boost productivity ✨

Report a Bug · Request feature

Seen used by engineers at Microsoft!

💖 Support

If you enjoy this project, please consider supporting me. Manually creating the .gif files for each sprite takes a lot of time and effort. Your sponsorship helps me dedicate more energy to improve and expand the project.

Installation

Install this extension from the VS Code marketplace or the Open VSX Registry.

OR

With VS Code open, search for vscode-pokemon in the extension panel (Ctrl+Shift+X on Windows/Linux or Cmd(⌘)+Shift+X on MacOS) and click install.

OR

With VS Code open, launch VS Code Quick Open (Ctrl+P on Windows/Linux or Cmd(⌘)+P on MacOS), paste the following command, and press enter.

ext install jakobhoeg.vscode-pokemon

Using VS Code Pokémon

After installing, open the command palette with Ctrl+Shift+P on Windows/Linux or Cmd(⌘)+Shift+P on MacOS.

Run the "Start Pokemon coding session" command (vscode-pokemon.start) to see a Bulbasaur in VS Code:

Enjoy interacting with your favourite Pokémon!

Keyboard Shortcuts

VS Code Pokémon comes with default keyboard shortcuts to make managing your Pokémon quick and easy:

Configuring Keyboard Shortcuts

You can customize these shortcuts to match your preferences:

1. Open the command palette (Ctrl+Shift+P on Windows/Linux or Cmd(⌘)+Shift+P on MacOS)
2. Run the Pokemon Coding: Configure keybindings command
3. Select the command you want to customize
4. VS Code will open the Keyboard Shortcuts editor filtered to that command
5. Click the pencil icon next to the command and press your desired key combination

Changing settings

Open the setting panel with Ctrl+, on Windows/Linux or Cmd(⌘)+, on MacOS. In the search bar, enter “vscode-pokemon" to see all available options.

Set the size and position of the extension.

Default Pokémon

You can configure specific Pokémon to automatically appear when you first start using the extension. This is useful for setting up your preferred team without having to manually spawn them when you open new windows.

To configure default Pokémon, add the following to your settings.json:

{
  "vscode-pokemon.defaultPokemon": [
    {
      "type": "pikachu",
      "name": "Sparky"
    },
    {
      "type": "charizard",
      "name": "Flame"
    },
    {
      "type": "articuno"
    }
  ]
}

• type (required): The Pokémon species (e.g., "pikachu", "charizard", "mewtwo")
• name (optional): A custom name for your Pokémon. If not provided, a random name will be assigned

Note: The extension automatically saves your current Pokémon between sessions. The defaultPokemon setting is only used when:

• You start the extension for the first time
• You open a new windows/repository
• You have removed all Pokémon (no saved session exists)

To reset to your default Pokémon, use the "Remove all pokemon" command and restart VS Code.

Upcoming features

Extracting and creating .gif files involves quite a bit of tedious manual work, but I’ll aim to add Gen 4 soon!

Credits

Sprite Sources

• Pokemon Sprites: © The Pokémon Company / Nintendo / Game Freak
• The sprites are used for non-commercial, fan project purposes only
• Original sprite artwork belongs to the respective copyright holders

Acknowledgments

• All sprites are property of their original creators
• This repository is a fan project and is not affiliated with Nintendo, The Pokémon Company, or Game Freak

This repository is inspired by and based on vscode-pets by tonybaloney.