Dynamic-snippets-generator NPM

Dynamic Snippets generator

Snippet parser for VSCode extention. Inspired by emmet abbreviation syntax.

This parser uses the emmet-like syntax for parsing the most frequently used JavaScript construction. For example this line:

i>request>axios

will be parsed into appropriate VSCode snippet line:

import ${1:request} from '${2:axios}';

Below you will find the list of all possible abbreviations

Abbreviation	VSCode snippet	Description
ES6 import
`i>name`	`import ${1:name} from '${2:name}';`	ES6 import
`i>defaultExport>name`	`import ${1:defaultExport} from '${2:name}';`	ES6 import with a different default export name
`i:a,b>name`	`import { ${1:a}, ${2:b} } from '${3:name}';`	ES6 import with multiple exports
`i*alias>name`	`import * as ${1:alias} from '${2:name}';`	ES6 import with a namespace
ES6 export
`e>name`	`export const ${1:name} = $2`	Exporting individual variables
`ed>name`	`export default ${1:name};`	Default export
CommonJS module require
`r>name`	`const ${1:name} = require('${2:name}');`	Module require
`r>defaultExport>name`	`const ${1:defaultExport} = require('${2:name}');`	Module require with a different default export name
`r:a,b>name`	`const { ${1:a}, ${2:b} } = require('${3:name}');`	Module require with property destructuring
CommonJS module export
`me>name`	`module.exports = ${1:name};`	Default module export
Function declaration
`f>name`	`function ${1:name}() {$2}`	Without parameters
`f>name:a,b`	`function ${1:name}(${2:a}, ${3:b}) {$4}`	With parameters
`f>name:a,b:`	`function ${1:name}({ ${2:a}, ${3:b} }) {$4}`	With one destructured object property
Arrow function expression
`name=>`	`const ${1:name} = () => {$2};`	Without parameters
`name:a,b=>`	`const ${1:name} = (${2:a}, ${3:b}) => {$4};`	With parameters
`name:a,b:=>`	`const ${1:name} = ({ ${2:a}, ${3:b} }) => {$4};`	With one destructured object property

import generateSnippet from 'dynamic-snippets-generator';

generateSnippet('i>example'); // "import ${1:example} from '${2:example}';"

4 years ago

4 years ago