Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>UrlixNew to Visual Studio Code? Get it now.
Urlix

Urlix

AddonLogic

| (0) | Free
URL-encode and decode selected text and query components.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Urlix

URL-encode and decode selected text right in your editor — no round trips to a browser console or an online tool.

Urlix maps each command to one of the four standard URI functions, so the behaviour is exactly what you'd expect from the platform, applied to every selection at once.

Features

  • Urlix: URL-Encode Selection — encodes a full URL with encodeURI, escaping characters that are not allowed in a URL while preserving the structural characters (: / ? # & = and friends).
  • Urlix: URL-Decode Selection — reverses encodeURI with decodeURI.
  • Urlix: Encode URI Component — encodes a single query value or path segment with encodeURIComponent, escaping : / ? # & = as well so the value is safe to drop into a query string.
  • Urlix: Decode URI Component — reverses encodeURIComponent with decodeURIComponent.

Usage

  1. Select the text you want to transform. You can place multiple cursors to transform several selections at once.
  2. If a selection is empty, Urlix falls back to the word under the cursor.
  3. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run one of the Urlix commands.

Each selection is transformed independently in a single edit. If a decode command hits malformed input (for example a lone %, which is not a valid escape sequence), that selection is left unchanged and Urlix shows a single error message. Encoding never fails.

encodeURI vs encodeURIComponent

The two encode commands exist because they escape different sets of characters:

  • URL-Encode (encodeURI) is for a whole URL. It leaves the reserved characters that give a URL its structure intact — : / ? # [ ] @ ! $ & ' ( ) * + , ; = — so the URL still works.
  • Encode URI Component (encodeURIComponent) is for a single piece of a URL, such as one query-string value. It also escapes those reserved characters, so the value can't break out of its slot. Use this when building something like ?q=<value>.

Rule of thumb: encode the whole address with URL-Encode; encode each parameter value with Encode URI Component.

License

Released under the MIT License. See the LICENSE file for details.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft