Skip to content

Latest commit

 

History

History
96 lines (74 loc) · 9.01 KB

README.md

File metadata and controls

96 lines (74 loc) · 9.01 KB
Raw

Vizality VSCode Snippets Extension Website Discord Author Stars

Vizality Snippets (VSCode Extension)

Description

This extension is a collection of VSCode snippets meant to make development quicker for Vizality plugin and theme developers. It includes some JS, React, JSON, and SCSS snippets.

If you don't know what Vizality is, it is a client modification for Discord which allows you to load plugins and themes and includes lots of built-in options and customizations. You can find out more at vizality.com.

All of the JS snippets are included in the JSX snippets, because the JS snippets are still perfectfly applicable in JSX files. If you have any ideas that you think would be a good addition, or something that you use regularly as a Vizality addon developer, feel free to reach out to me or submit a Pull Request, I'm always open to feedback and suggestions!

Supported Languages (File Extensions)

  • JavaScript (.js)
  • JavaScript React (.jsx)
  • JavaScript Object Notation (.json)
  • Sassy Cascading Style Sheets (.scss)
  • Cascading Style Sheets (.css)

Snippets

Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.

JS Snippets

Trigger Alias Description
vzp→ vzplug, vz-plugin Creates a Vizality plugin class scaffold.
vzi→ vzinj, vz-inject Creates a function injection scaffold.
vzw→ vzweb, vz-webpack Imports Vizality's webpack module.
vzc→ vzcomp, vz-component Imports Vizality's components module.
vzcn→ vzconst, vz-constant Imports Vizality's constants module.
vzd→ vzdisc, vz-discord Imports Vizality's discord module.
vzh→ vzhttp, vz-http Imports Vizality's http module.
vz18→ vzi18n, vz-i18n Imports Vizality's i18n module.
vzr→ vzreact, vz-react Imports the React module.
vzrm→ --- Imports the React module, with memo.
vzu→ vzutil, vz-util Imports Vizality's util module.
vzgfc→ --- Gets a functional component by its displayName.
vzgm→ --- Gets a webpack module by its properties.
vzgmd→ --- Gets a webpack module by its display name.

JSX Snippets

Trigger Alias Description
vzp→ vzplug, vz-plugin Creates a Vizality plugin class scaffold.
vzs→ vzset, vz-settings Creates a Vizality plugin settings functional component scaffold.
vzi→ vzinj, vz-inject Creates a function injection scaffold.
vzw→ vzweb, vz-webpack Imports Vizality's webpack module.
vzc→ vzcomp, vz-component Imports Vizality's components module.
vzcn→ vzconst, vz-constant Imports Vizality's constants module.
vzd→ vzdisc, vz-discord Imports Vizality's discord module.
vzh→ vzhttp, vz-http Imports Vizality's http module.
vz18→ vzi18n, vz-i18n Imports Vizality's i18n module.
vzr→ vzreact, vz-react Imports the React module.
vzrm→ --- Imports the React module, with memo.
vzu→ vzutil, vz-util Imports Vizality's util module.
vzgfc→ --- Gets a functional component by its displayName.
vzgm→ --- Gets a webpack module by its properties.
vzgmd→ --- Gets a webpack module by its display name.
vzfc→ --- Creates a React functional component scaffold.
vzcc→ --- Creates a React class component scaffold.
vzus→ vzstate, vz-state Sets up a React useState hook.

JSON Snippets

Trigger Alias Description
vzp→ vzplugin, vz-plugin Creates a Vizality plugin manifest scaffold.
vzt→ vztheme, vz-theme Creates a Vizality theme manifest scaffold.

SCSS Snippets

Trigger Alias Description
vzs→ vzsass, vz-sass Imports the Vizality Sass library.
v--→ var(-- Shows intellisense options for Discord's standard CSS variables.

CSS Snippets

Trigger Alias Description
v--→ var(-- Shows intellisense options for Discord's standard CSS variables.

Todo

  • Add built-in Vizality CSS variables to SCSS/CSS intellisense