All Projects â†’ idleberg â†’ vscode-emoji-code

idleberg / vscode-emoji-code

Licence: MIT License
Snippets to insert escaped Emoji code into HTML, CSS, JavaScript, Python and Ruby

Programming Languages

javascript
184084 projects - #8 most used programming language
shell
77523 projects

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
  • RMarkdown
  • 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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].