Emoji Code

Snippets to insert escaped Emoji code into HTML, CSS, JavaScript/CoffeeScript/TypeScript/LiveScript, JSON, C#, Laravel Blade, Markdown, Python and Ruby.

This package is also available for Atom and Sublime Text.

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 emoji-code

Packaged Extension

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

$ code --install-extension emoji-code-*.vsix

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 becomes 😄¹
• 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.

Donate

You are welcome to support this project using Flattr or Bitcoin 17CXJuPsmhuTzFV2k4RKYwpEHVjskJktRd