vscode react javascript snippets

Extraits VS Code ES7+ React/Redux/React-Native/JS

Extraits JavaScript et React/Redux dans ES7+ avec fonctionnalités du plugin Babel pour VS Code

Installation

Marché Visual Studio

Lancez l'ouverture rapide :

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

Collez la commande suivante et appuyez sur Enter :

ext install dsznajder.es7-react-js-snippets

Possibilités

A partir de la version 4, l'extension propose des options pour personnaliser le comportement des extraits :

Option	Description
LanguageScopes	liste des langues/reconnaissance de fichiers prises en charge
plus jolieEnabled	détermine si les extraits doivent être analysés avec une configuration plus jolie du projet
importReactOnTop	S'ils sont désactivés, les extraits ne contiendront pas import React en haut. Prise en charge de React 17+
manuscrit	ajoute des extraits de texte dactylographiés supplémentaires

Commanditaires

Gérez les demandes d'extraction et effectuez des révisions de code dans votre IDE avec un contexte d'arborescence source complet. Commentez n'importe quelle ligne, pas seulement les différences. Utilisez le passage à la définition, vos raccourcis clavier préférés et l'intelligence du code pour une plus grande partie de votre flux de travail.
Apprendre encore plus

Conquête de l'achèvement

Il est possible d'utiliser ce package dans votre éditeur de texte vim/neovim, pour rendre cela possible, assurez-vous d'avoir le coc.nvim préalablement configuré, puis ajoutez cette commande à votre init.vim

Plug ' dsznajder/vscode-es7-javascript-react-snippets ' , { ' do ' : ' yarn install --frozen-lockfile && yarn compile ' }

Mettez à jour vos paramètres vim/neovim avec :source % puis installez le nouveau package avec :PlugInstall

Remarque : Cet exemple utilise vim-plug comme gestionnaire de paquets, n'hésitez pas à en utiliser un autre.

Emballeur

Pour une utilisation avec Packer, la syntaxe est un peu différente. Ajoutez simplement votre init.vim ou init.lua :

use { ' dsznajder/vscode-es7-javascript-react-snippets ' ,
run = ' yarn install --frozen-lockfile && yarn compile '
}

Lors de l'enregistrement du fichier, la mise à jour sera effectuée ( :w )

Commande de recherche

Vous pouvez rechercher des extraits avec la commande ES7 snippet search qui peut être exécutée avec CMD + Shift + P ou simplement utiliser la combinaison de touches CMD + Shift + R ( CTRL + ALT + R pour Windows et Linux).

Voici un lien direct vers le marché ES7 React/Redux/React-Native/JS Snippets

Extraits