Emoji Code

Isnsert escaped Emoji code into a variety of languages, including:

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

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

As of version v0.13, the Emoji Code: Open Palette command is exposed. This allows you picking an emoji by its name or tags.

Examples:

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

• HTML: grinning face becomes 😀
• CSS: grinning face becomes '\1F600';
• JavaScript: grinning face becomes \u{1F600}
• Python: grinning face becomes \U0001F600
• Ruby: grinning face becomes \u{1F600}

For unsupported languages, the emoji will be inserted as-is.

Related

• Atom
• Sublime Text

License

This work is licensed under The MIT License.

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