1.0.0 • Published 4 years ago
dynamic-snippets v1.0.0
Dynamic Snippets
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
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 |
Usage
import generateSnippet from 'dynamic-snippets';
generateSnippet('i>example'); // "import ${1:example} from '${2:example}';"
1.0.0
4 years ago
1.0.0-rc.5
4 years ago
1.0.0-rc.6
4 years ago
1.0.0-rc.3
4 years ago
1.0.0-rc.4
4 years ago
1.0.0-rc.2
4 years ago
1.0.0-rc.1
5 years ago