Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/snipsnapdev/snipsnap-vscode
Snipsnap VS Code extension
https://github.com/snipsnapdev/snipsnap-vscode
extension javascript snippets snipsnap vscode
Last synced: about 2 months ago
JSON representation
Snipsnap VS Code extension
- Host: GitHub
- URL: https://github.com/snipsnapdev/snipsnap-vscode
- Owner: snipsnapdev
- License: mit
- Created: 2019-12-24T14:01:23.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T13:17:09.000Z (almost 2 years ago)
- Last Synced: 2024-05-01T11:31:27.471Z (8 months ago)
- Topics: extension, javascript, snippets, snipsnap, vscode
- Language: JavaScript
- Homepage:
- Size: 569 KB
- Stars: 26
- Watchers: 2
- Forks: 6
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Snipsnap VS Code extension
The ultimate snippets collection and VS Code extension that automatically exposes all available snippets for every library you are using in your project.
![out](https://user-images.githubusercontent.com/2697570/73568644-23bc0180-4469-11ea-8b64-843c7a9a92d2.gif)
Popular snippets
## How to search for a snippet?
**Search library's snippets**
- Type your library name, if it's present in the [list](https://github.com/snipsnapdev/snipsnap/tree/master/snippets/javascript) and you have it in your package.json/yarn.lock.
- Navigate through available snippets for your library and select the one you need.
- Use tab in order to switch cursor between highlighted parts of the snippet.**Access Javascript base snippets**
To access base snippets for Javascript just type keyword `base` and you will see the list of available snippets such as import, export, loops, functions etc. All base snippets you can find [there](https://github.com/snipsnapdev/snipsnap/blob/master/snippets/javascript/base/base.json).
**For more information about the project please visit main Snipsnap repository.**
**[Visit documentation](https://github.com/snipsnapdev/snipsnap)**
## Installation
Install through VS Code extensions. Search for `Snipsnap-vscode`
[Visual Studio Code Market Place: Snipsnap - snippets handler](https://marketplace.visualstudio.com/items?itemName=snipsnapdev.snipsnap-vscode)
Can also be installed in VS Code: Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
```
ext install snipsnap-vscode
```## Configuration
No config required and more than that - no config even exists! You are good to go right after installing the extension.
## Usage
No manual activation required as well, the extension triggers if your workspace folder contains `package.json` file and does magic on its own, but if you still need to trigger it, use `Reload Window` in Command Palette.
## Settings
### Silent mode
You can turn the successful snipet fetching notification off by specifying `snipsnap.silent` property's value to `true` in your VSCode's `settings.json`:
```json
// settings.json
{
// other user settings
"snipsnap.silent": true
}
```Or by using GUI:
### Ignore libraries
Snipsnap works by gathering all deps throughout the project, even from lock files, so some of subdependencies like lodash could pollute your snippets environment and become a major frustrating factor.
To ensure that no `%unwanted_library%` snippets are being fetched, you should create `.snipsnapignore.json` file at the root of your project and specify all libraries you want to be ignored in a single list, e.g.
```json
["react", "lodash", "html"]
```## Error Messages
Reload using Command Paletter or just reload the window. If the problem hasn't dissapeared, please, [submit an issue with a description](https://github.com/snipsnapdev/snipsnap-vscode/issues).
## Telemetry
This extension respects the VS Code telemetry setting so if you have telemetry disabled in VS Code we will also not collect telemetry. See the [Visual Studio Code docs](https://code.visualstudio.com/docs/getstarted/telemetry#_disable-telemetry-reporting) for information on how to disable telemetry.
However, at this point 0 telemetry data is being gathered if you did not tweaked vscode telemetry settings.
## License
MIT