Got it! Here’s the updated README.md with the correct snippet prefix:
nextjs-sortcut
nextjs-sortcut is a Visual Studio Code extension that enhances your development experience with Next.js and React. It provides a set of code snippets for quickly creating React functional components in both JavaScript (JSX) and TypeScript (TSX) files.
Features
- React Functional Component (JSX): Quickly scaffold a functional component template in JavaScript.
- React Functional Component (TSX): Easily generate a TypeScript functional component with a predefined props interface.
Installation
To install the nextjs-sortcut extension:
- Open Visual Studio Code.
- Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window or by pressing
Ctrl+Shift+X.
- Search for
nextjs-sortcut.
- Click the Install button.
Alternatively, you can install it from the command line using code:
code --install-extension <path-to-your-extension-vsix-file>
Usage
After installing the extension, you can use the following code snippets:
For JavaScript (JSX)
- React Functional Component (JSX):
- Type
bfs and press Tab to expand the snippet into a basic React functional component template.
For TypeScript (TSX)
- React Functional Component (TSX):
- Type
bfs and press Tab to expand the snippet into a TypeScript functional component template with a props interface.
Contributing
We welcome contributions to improve nextjs-sortcut! If you have suggestions, bug reports, or pull requests, please visit our GitHub repository.
License
This extension is licensed under the MIT License. See the LICENSE file for more details.
Feel free to modify or expand this as needed!
