✨vscode-javascript-snippets✨

_{snippets for js, ts, react, vue, nestjs and vitest.}

Installation

In order to install an extension you need to launch the Command Palette.

Linux: Ctrl+P
macOS: ⌘P
Windows: Ctrl+P

There you have either the option to show the already installed snippets or install new ones. Search for JavaScript and TypeScript Snippets and install it.

Supported languages (file extensions)

JavaScript (.js)
TypeScript (.ts)
JavaScript React (.jsx)
TypeScript React (.tsx)
Html (.html)
Vue (.vue)

Configurations

| Key | Description | Type | Default | | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------------------------------------------------------------- | | framework.enabled | Select which framework snippets to enable | array | ["vue","react","nest","vitest"] | | react.languageScopes | Defines the language scopes for which the snippets will be available. Use comma separated values. For example: typescript,typescriptreact,javascript,javascriptreact | string | "typescript,typescriptreact,javascript,javascriptreact" | | react.importReactOnTop | Controls if snippets should add import React from 'react'; at the top of components. Use if you have React +17 and use jsx transform. | boolean | false | | vue.languageScopes | Defines the language scopes for which the snippets will be available. Use comma separated values. For example: vue,typescript,javascript | string | "vue,typescript,javascript" | | vue.uniappCodeSnippets | Whether to support uniapp code snippets | boolean | true | | vue.vuexCodeSnippets | Whether to support vuex code snippets | boolean | false | | vue.useTemplateSnippets | Defines the template snippets for which the snippets will be available | array | ["vinit","vinit-scss","vbase","vbase-scss","vts","vts-scss"] |

Snippets

Common Snippets

For complete Common snippets documentation, visit Common Snippets

React Snippets

For complete React snippets documentation, visit React Snippets

Vue Snippets

For complete Vue snippets documentation, visit Vue Snippets

Vitest Snippets

For complete Vitest snippets documentation, visit Vitest Snippets

NestJS Snippets

For complete NestJS snippets documentation, visit NestJS Snippets

JavaScript and TypeScript Vscode Snippets

sankeyangshu