https://github.com/ember-tooling/snippets

Preconfigured snippets for ember projects
https://github.com/ember-tooling/snippets

Last synced: 4 months ago
JSON representation

Preconfigured snippets for ember projects

• Host: GitHub
• URL: https://github.com/ember-tooling/snippets
• Owner: ember-tooling
• License: mit
• Created: 2025-04-10T04:32:27.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-08-29T14:17:56.000Z (10 months ago)
• Last Synced: 2026-02-12T12:56:41.436Z (4 months ago)
• Language: JavaScript
• Size: 62.5 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ember - snippets - Code snippets for Ember (also supports Neovim) (Tools / IDE Support)

README

          
[![Installs](https://vsmarketplacebadges.dev/installs-short/EmberTooling.emberjs-snippets.svg)](https://marketplace.visualstudio.com/items?itemName=EmberTooling.emberjs-snippets)

![Downloads](https://vsmarketplacebadges.dev/downloads-short/EmberTooling.emberjs-snippets.svg)

![Rating](https://vsmarketplacebadges.dev/rating-star/EmberTooling.emberjs-snippets.svg)

# Snippets for GJS and GTS in VSCode and (neo)vim

Preconfigured snippets for ember projects following Polaris Patterns.

## Installation

- VSCode: https://marketplace.visualstudio.com/items?itemName=EmberTooling.emberjs-snippets

- Open VSX: https://open-vsx.org/extension/embertooling/emberjs-snippets

- (neo)vim:

    - packer.nvim: `use { "ember-tooling/snippets", branch: "neovim/main" }`

## Important

This extension is optimized for developers that use Ember Polaris patterns and features, which are supported back to ember-source 3.28.

If you need Ember Octane (and earlier) snippets, this snippet pack is not for you.

Main branches:

- [VSCode][vscode-main]

- [NeoVim][neovim-main]

✨ Development happens on these branches ✨

[vscode-main]: https://github.com/ember-tooling/snippets/tree/vscode/main

[neovim-main]: https://github.com/ember-tooling/snippets/tree/neovim/main

## Usage

Many snippets will show up in auto-completion prompts as you're typing.

For example,

- `@ser` will have a suggestion for `@service declare $name: $type;`

- `@cach` will have a suggestion for a `@cached` getter.

- `await render` will have a suggestion for the rendering tests' render boilerplate

- etc

Whole file generating boilerplate, such as for tests are prefixed with `g-` for generate, similar to the ember-cli command's you'd use in the terminal to generate the same file contents.

- `g-rendering-test`, `g-application-test`, `g-unit-test`

- `g-class-component`, `g-component`

- `g-route`

- `g-route-template`

- `g-service`

- etc

## Debugging

- clone the repo

- cd to the cloned repo

- `pnpm i`

- `pnpm build`

- if using vscode, on the extensions panel, click "Install from VSIX" and select the vsix file generated from `pnpm build`