Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Emoji CodeNew to Visual Studio Code? Get it now.

Emoji Code

idleberg

|
47,294 installs
| (2) | Free
Snippets to insert escaped Emoji code into a variety of languages
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Emoji Code

The MIT License GitHub Visual Studio Marketplace CI David

Snippets to insert escaped Emoji code into a variety of languages, including:

  • C#
  • CSS
  • CoffeeScript
  • HTML
  • JSON
  • JavaScript
  • Laravel Blade
  • LiveScript
  • Markdown
  • Python
  • React
  • Ruby
  • Svelte
  • Twig
  • TypeScript
  • Vue

This package is also available for Atom and Sublime Text.

Screenshot

Screenshot nicked from the Atom package, but you get the idea

Installation

Extension Marketplace

Launch Quick Open, paste the following command, and press Enter

ext install idleberg.emoji-code

CLI

With shell commands installed, you can use the following command to install the extension:

$ code --install-extension idleberg.emoji-code

Packaged Extension

Download the packaged extension from the the release page and install it from the command-line:

$ code --install-extension path/to/emoji-code-*.vsix

Alternatively, you can download the packaged extension from the Open VSX Registry or install it using the ovsx command-line tool:

$ ovsx get idleberg.emoji-code

Clone Repository

Change to your Visual Studio Code extensions directory:

# Windows
$ cd %USERPROFILE%\.vscode\extensions

# Linux & macOS
$ cd ~/.vscode/extensions/

Clone repository as emoji-code:

$ git clone https://github.com/idleberg/vscode-emoji-code emoji-code

Install Node dependencies:

cd emoji-code
yarn || npm install

Usage

All emojis are prefixed with ji, following the string of the official Unicode terminology.

Examples:

Let's say, you want to insert the 😄 emoji

  • HTML: ji:grinning-face becomes 😀
  • CSS: ji:grinning-face becomes content: '\1F600';
  • JavaScript: ji:grinning-face becomes \u{1F600}
  • Markdown: ji:grinning-face inserts the emoji itself¹
  • Python: ji:grinning-face becomes \U0001F600
  • Ruby: ji:grinning-face becomes \u{1F600}

¹ requires editor.quickSuggestions set to true for Markdown files

Keep in mind that Visual Studio Code supports fuzzy completion, inviting you to use abbreviations of your preference.

License

This work is licensed under The MIT License.

Emoji artwork by EmojiOne, licensed under a Creative Commons Attribution International 4.0 license.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft