DEV Community

Discussion on: Who's looking for open source contributors? (November 26th edition)

Collapse
 
nickytonline profile image
Nick Taylor • Edited

Are you a fan of GatsbyJS and Visual Studio Code? Do you have some great code snippets that could be useful for others?

Consider contributing them to Gatsby Snippets.

nickytonline / vscode-gatsby-snippets

Visual Studio Code code snippets for use with the GatsbyJS static site generator for React.

Gatsby Snippets

Snippets for GatsbyJS.

Gatsby JS snippets in action

Release Notes

1.1.2

  • Changed the name of the package to Gatsby Snippets

1.1.1

  • Updated cheesy logo

1.1.0

Added GatsbyJS graphql image fragment snippets.

1.0.3

Added list of shortcuts.

1.0.2

Added cheesy icon.

1.0.1

Added the GatbsyJS markdown page snippet.

1.0.0

Initial release.


Gatsby Markdown snippets shortcuts

Press Ctrl+Space (Windows, Linux) or Cmd+Space (OSX) to see a list of Markdown snippets

Snippet Output
ga creates a new article
gp creates a new page

Working with Markdown

Here are some useful editor keyboard shortcuts:

  • Split the editor (Cmd+\ on OSX or Ctrl+\ on Windows and Linux)
  • Toggle preview (Shift+CMD+V on OSX or Shift+Ctrl+V on Windows and Linux)

More information

Gatsby Graphql snippets shortcuts

These snippets require embedded graphql syntax support. You can enable support by installing gatsby-extension-pack.

Gatsby Image sharp snippets

Snippet Output
gfi ...GatsbyImageSharpFixed
gfino