Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iguntur/vscode-npm-package-snippet

NPM Package Snippet for Visual Studio Code
https://github.com/iguntur/vscode-npm-package-snippet

Last synced: about 2 months ago
JSON representation

NPM Package Snippet for Visual Studio Code

Awesome Lists containing this project

README

        

# NPM Package Snippet

> NPM Package Snippet for Visual Studio Code

## Install

- [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items/gunturpoetra.npm-package-snippet)

## Features

- **Configurable Prefix**
- **Configurable Style**

Configurable style for semicolon (`;`), single quote (`'`) or double quote (`"`)
- **Recursively**

Walking up `package.json` file, starting from opened current file in the editor.
- **Configurable Language**

Running snippet on another language (e.g: `markdown`).

## Usage

| Module | Prefix / Hint |
|------------|----------------------|
| Common JS | `pkg-req:` |
| ES Module | `pkg-imp:` |
| Typescript | `pkg-ts:` |

## Default Configuration

> After changed snippet configuration, restart the editor.

```json
{
"snippet.npm-package.filename": "",
"snippet.npm-package.semicolon": true,
"snippet.npm-package.prefix.cjs": "pkg-req:",
"snippet.npm-package.prefix.esm": "pkg-imp:",
"snippet.npm-package.prefix.ts": "pkg-ts:",
"snippet.npm-package.quotes": "single",
"snippet.npm-package.languages": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],
}
```

### Schema

- filename: ``
- required: `true`
- example:
```json
{
"snippet.npm-package.filename": ".code-snippets",
}
```

- quotes: ``
- enum: `single | double`
- example:
```json
{
"snippet.npm-package.quotes": "single",
"snippet.npm-package.quotes": "double",
}
```

## License

MIT © [Guntur Poetra](https://github.com/iguntur)