vscode react javascript snippets

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

JavaScript- und React/Redux-Snippets in ES7+ mit Babel-Plugin-Funktionen für VS Code

Installation

Visual Studio Marketplace

Starten Sie Quick Open :

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

Fügen Sie den folgenden Befehl ein und drücken Sie Enter :

ext install dsznajder.es7-react-js-snippets

Optionen

Ab Version 4 bietet die Erweiterung Optionen zum Anpassen des Verhaltens der Snippets:

Option	Beschreibung
Sprachbereiche	Liste der unterstützten Sprachen/Dateierkennung
hübscherEnabled	Legt fest, ob Snippets mit der Projekt-Prettier-Konfiguration analysiert werden sollen
importReactOnTop	Wenn diese Option deaktiviert ist, enthalten Snippets oben kein import React . React 17+-Unterstützung
Typoskript	fügt zusätzliche Typoskript-Schnipsel hinzu

Sponsoren

Verwalten Sie Pull-Anfragen und führen Sie Codeüberprüfungen in Ihrer IDE mit vollständigem Quellbaumkontext durch. Kommentieren Sie jede Zeile, nicht nur die Unterschiede. Nutzen Sie Jump-to-Definition, Ihre bevorzugten Tastenkombinationen und Code-Intelligenz für mehr Teile Ihres Workflows.
Erfahren Sie mehr

Eroberung der Vollendung

Es ist möglich, dieses Paket in Ihrem vim/neovim-Texteditor zu verwenden. Um dies zu ermöglichen, stellen Sie sicher, dass Sie coc.nvim zuvor konfiguriert haben, und fügen Sie dann diesen Befehl zu Ihrem init.vim hinzu

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

Aktualisieren Sie Ihre vim/neovim-Einstellungen mit :source % und installieren Sie dann das neue Paket mit :PlugInstall

Hinweis: In diesem Beispiel wird vim-plug als Paketmanager verwendet. Sie können auch einen anderen verwenden

Packer

Für die Verwendung mit Packer ist die Syntax etwas anders. Fügen Sie einfach Ihre init.vim oder init.lua hinzu:

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

Beim Speichern der Datei wird die Aktualisierung durchgeführt ( :w )

Suchbefehl

Sie können Snippets mit ES7 snippet search durchsuchen, der mit CMD + Shift + P ausgeführt werden kann oder einfach die Tastenkombination CMD + Shift + R ( CTRL + ALT + R für Windows und Linux) verwendet.

Hier ist ein direkter Link zum Marktplatz ES7 React/Redux/React-Native/JS Snippets

Ausschnitte