Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/roberthgnz/visual-regex

Visual Studio Code extension to get detailed and visual information about the pattern you make.
https://github.com/roberthgnz/visual-regex

hacktoberfest project regex-util regexp vscode vscode-extension

Last synced: about 1 month ago
JSON representation

Visual Studio Code extension to get detailed and visual information about the pattern you make.

Host: GitHub
URL: https://github.com/roberthgnz/visual-regex
Owner: roberthgnz
License: mit
Created: 2021-09-29T15:21:22.000Z (about 3 years ago)
Default Branch: main
Last Pushed: 2024-10-30T23:55:37.000Z (about 2 months ago)
Last Synced: 2024-10-31T00:25:57.576Z (about 2 months ago)
Topics: hacktoberfest, project, regex-util, regexp, vscode, vscode-extension
Language: JavaScript
Homepage: https://marketplace.visualstudio.com/items?itemName=reliutg.visual-regex
Size: 106 KB
Stars: 6
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        [![Marketplace](https://img.shields.io/visual-studio-marketplace/i/reliutg.visual-regex)](https://marketplace.visualstudio.com/items?itemName=reliutg.visual-regex)

[![Github](https://img.shields.io/github/stars/roberthgnz/visual-regex?style=social)](https://github.com/roberthgnz/visual-regex)

[![Twitter](https://img.shields.io/twitter/follow/roberthgnz?style=social)](https://twitter.com/roberthgnz)

[![buymeacoffee](https://img.shields.io/badge/buymeacoffee-%24-yellow)](https://www.buymeacoffee.com/eliut505)

# 👁️ Visual Regex

> For now, only support JavaScript's Regular-Expression syntax.

Get detailed and visual information about the pattern you make.

![Demo](https://user-images.githubusercontent.com/63687573/135662437-dc43781b-60c9-4e28-bb8f-f0f6ba515516.gif)

## Usages

- Press F1 and then select/type **Visual Regex**

- Select the pattern then right click and select **Visual Regex**

## Why?

I know there are many extensions or websites that have this functionality, but the graphics can be unintuitive. Use this alternative if you want to see easy to understand information about your pattern.

VSCode extension based on [vscode-regexp-preivew](https://marketplace.visualstudio.com/items?itemName=le0zh.vscode-regexp-preivew) and https://wangwl.net/static/projects/visualRegex