Erg Snippets for VS Code

Enhance your development experience with versatile snippets for React, Vue, Angular, Next and more!

The erg-snippets extension for Visual Studio Code offers a comprehensive collection of snippets for JavaScript, TypeScript, and various popular frameworks. Whether you're working with React, Vue, Angular, or Next.js, this extension streamlines your workflow by providing quick access to commonly used component structures and patterns. With the Help of TailWind Don't forget, all the classes are written with Tailwind CSS

Use Extension With Angular Use Extension With Next/React Use Extension With Vue

Supported Frameworks

React (JSX and TSX)
Vue
Angular
Next.js
And more...

Usage

Type part of a snippet, press Enter, and watch it unfold into your code.

Alternatively, you can press Ctrl + Space (Windows, Linux) or Cmd + Space (macOS) to activate snippets from within the editor.

Snippet Overview

Snippet	Purpose
`erg-button`	Creates a reusable button component
`erg-modal`	Creates a reusable modal component
`erg-search`	Creates a reusable search component
`erg-search-select`	Creates a reusable search select component
`erg-404`	Creates a 404 Not Found page
`erg-about`	Creates an About Us page
`erg-login`	Creates a login page
`erg-register`	Creates a register page

Feel free to explore more snippets as you work with different frameworks!

Installation

Install Visual Studio Code 1.10.0 or higher.
Launch Visual Studio Code.
Open the command palette by pressing Ctrl + Shift + P (Windows, Linux) or Cmd + Shift + P (macOS).
Select Install Extension.
Search for erg-snippets and click install.
Reload Visual Studio Code to activate the extension.

Contribution

We welcome contributions to enhance the functionality and usability of this extension. If you have suggestions or improvements, feel free to submit a pull request or open an issue.

Credits

Thanks to everyone who contributed to making erg-snippets a reality!

Developed by Furkan Ergüldürenler

Happy coding!

Erg Snippets

Furkan Ergüldürenler