Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>CloudCannon SnippetsNew to Visual Studio Code? Get it now.
CloudCannon Snippets

CloudCannon Snippets

CloudCannon

|
69 installs
| (0) | Free
Some snippets in CloudCannon
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CloudCannon snippets

CloudCannon Snippets

Snippets

Features the following snippets (type the text in bold in your editor)

Backbone

  • 'legacy-view' or 'backbone-legacy-view' - Creates a quick legacy Backbone view
  • 'view' or 'backbone-view' - Creates a quick Backbone view

Bookshop

  • 'bookshop-ejs-component-import' or 'ejs-component' - Creates a quick general ejs component

React

  • 'react-component' - Creates a quick general React component
  • 'useEffect' - Creates a useEffect snippet in browser
  • 'react-emotion-component' - Creates a quick emotion component

Typescript

  • 'class' or 'typescript-class' - Creates a quick typescript class
  • 'promise' - A new ES6 promise

SASS

  • 'svg-background' - Creates an svg background image in sass/css
  • 'media' - Creates a media query
  • 'svg-background' - Creates an svg background image in sass/css
  • 'skeleton' or 'spooky-scary-skeletons' - Creates a CSS/SASS skeleton

Webpack

  • 'react-webpack' - A webpack starter for node importing projects
  • 'webpack-umd' or 'react-webpack-umd' - A webpack starter compiling to UMD

HTML

  • 'material-icon' - Insert a new material icon

Jest

  • 'jest-suite' or 'describe' or 'jest-describe' - Creates a quick suite of tests for jest

javascript

  • 'node-hashbang' - Creates a hashbang for node

Usage

Install the extension, and then you will have access to the snippets :).

Local development

You can create a snippet in snippets/index.snippet.toml, and then run npm run build. This will create a new snippet in dist/snippets.code-snippets which you can copy and paste into your user snippets folder.

You will then be able to run the snippets locally.

If you are happy with the snippet, create a PR for it :).

Deploy

Simply commit with a message that matches semantic release.

e.g.

git commit -m "feat: added snippet"

Then check Github Actions. If this succeeds, the extension will be published immediately on the Visual Studio marketplace.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft