Heim  >  Artikel  >  Entwicklungswerkzeuge  >  5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)

5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)

青灯夜游
青灯夜游nach vorne
2021-07-21 10:15:126967Durchsuche

In diesem Artikel stellen wir Ihnen 5 VSCodePlugins vor, die das Refactoring vereinfachen. Sie können Benutzern dabei helfen, Code zu bereinigen, die Komplexität zu reduzieren, Funktionen zu verbessern und die Entwicklungseffizienz zu verbessern.

5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)

Wenn Sie nach Möglichkeiten suchen, Ihren Code zu bereinigen, die Komplexität zu reduzieren und die Funktionalität zu verbessern, helfen Ihnen diese Refactoring-Erweiterungen dabei, schneller voranzukommen. [Empfohlenes Lernen: „vscode-Tutorial“]


1. Mit SonarLint

SonarLint können Sie Codierungsprobleme beheben, bevor sie auftreten: Genau wie eine Rechtschreibprüfung hebt SonarLint Fehler und Sicherheitslücken hervor und bietet so klare Anleitungen zur Behebung Sie können sie beheben, bevor Ihr Code festgeschrieben wird. SonarLint in VS Code unterstützt die Analyse von JavaScript-, TypeScript-, Python-, Java-, HTML- und PHP-Code. 2. JavaScript Booster Achten Sie einfach auf die Glühbirne links und drücken Sie darauf, um zu erfahren, wie Sie den Code unter dem Cursor umwandeln.

5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)

3. Mit Stepsize

Stepsize können Sie technische Schulden und zu überarbeitenden Code mit Lesezeichen versehen und melden. Wenn Sie auf Code stoßen, der überarbeitet werden muss, aber keine Zeit dafür haben, können Sie ihn direkt in VS Code sichtbar machen und ein Problem melden.

5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)

Setzen Sie ein Lesezeichen für Ihren Code, während Sie arbeiten und Probleme erstellen

Kennzeichnen Sie Ihre Probleme

  • Nehmen Sie sie mit zu Sprint-Planungsbesprechungen und teilen Sie Wissen mit Ihren Teamkollegen
  • GIFs-Adresse: https:/ /p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9fdd067b488d45f5ab4bc7c071ae76d5~tplv-k3u1fbpfcp-watermark.image
  • 4. Abracadabra

Verwenden Sie 5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)Abracadabra

Sie können vorhandenen Code schnell und sicher rekonstruieren VS-Code.

VS-Code enthält einige grundlegende Refactorings. Abracadabra versorgt Ihren Editor mit Verknüpfungen, um sofort die nützlichsten Verknüpfungen auszulösen, Schnellkorrekturen, um bei Bedarf Refaktorierungen vorzuschlagen, Optionen zum Anpassen der UX an Ihre Bedürfnisse und funktioniert mit .js-, .jsx-, .ts-, .tsx- und .vue-Dateien.

5. Glean

Glean

bietet Refactoring-Tools für Ihre React-Codebasis: Extrahieren Sie JSX in eine neue Komponente, konvertieren Sie Klassenkomponenten in funktionale Komponenten und verpacken Sie sie mit Hooks. Es ermöglicht das Extrahieren von JSX in neue Komponenten, das Konvertieren von Klassenkomponenten in Funktionskomponenten und umgekehrt, das Umschließen von JSX mit Bedingungen, das Umbenennen von Statusvariablen und ihren Settern und vieles mehr.

5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen)

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt von5 Plug-Ins in VSCode, die das Refactoring einfach machen (teilen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:掘金--海拥. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen