Skip to content

elenitaex5/gluestack-vscode

Repository files navigation

gluestack VS Code Extensions

gluestack VS Code Extensions are specifically designed to quicken your development process using gluestack-ui components

How Snippets Work

This extension provides working snippets that make it easy to navigate between different breakpoints by using tabs. Here's a quick look at snippets in action:

gluestackSnippet

Snippets

gluestack snippets are shorthand for commonly used gluestack components. All snippets start with the prefix gs- and are followed by the name of the desired component. It's that simple.

gluestack-ui Snippets

Visual Studio Marketplace Version Visual Studio Marketplace Installs

gluestack-ui Snippets Extension is specifically designed to quicken your development process using gluestack-ui components

Currently it supports adding any usecase of snippet, its used imports, variables etc. If you have anyone idea, can submit PR or Issue

Supported Languages

  • JavaScript(.js)
  • TypeScript(.ts)
  • JavaScriptReact(.jsx)
  • TypeScriptReact(.tsx)

Usage

  1. Install the extension by searching in the vscode marketplace.
  2. Then, go to your code file and whereever you are writing jsx, type gs- and you will get suggestions of the components. Type enter on any of those, and your snippet will get added. Collectively, it will also add the imports and the variables and hooks used in the snippet.

About

The official gluestack VSCode extension

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published