Heim >Entwicklungswerkzeuge >VSCode >18 Entwicklertools zur Steigerung der Produktivität
In diesem Artikel werden einige Tools zur Verbesserung der Produktivität vorgestellt, darunter Websites, Browser-Plug-Ins, VSCode-Plug-Ins und Befehlszeilen-Tools~
Website-Artikel
Bundlephobia
Wenn Sie eine neue Abhängigkeit installieren möchten, kann diese Website die Größe der Abhängigkeit überprüfen und prüfen, ob sie den Baum unterstützt - Schütteln usw. Artikelindikatoren. (Nur NPM-Paket)
https://bundlephobia.com/
Kühler
Ich mache mir immer noch Sorgen um meine Farbpalette für ein Projekt? Sie können diese Website besuchen, um es zu finden.
https://coolors.co/
Carbon
kann Code in wunderschöne Bilder verwandeln, sagte der Autor bevor ich es im Artikel verwendet habe~
https://carbon.now.sh/
Snippet-Generator
Code-Snippet Sie sind einfach zu verwenden, aber ihre Generierung ist mühsam. Diese Website kann mit einem Klick basierend auf dem Code generiert werden. Unterstützt VSCode, Sublime Text, Atom.
https://snippet-generator.app/
Wolfram Alpha
Wenn Sie einen komplexen Ausdruck haben. Wenn Sie Wenn Sie eine Berechnung durchführen müssen oder eine lange if-Anweisung vereinfachen möchten, können Sie diese Website verwenden. Sie hilft Ihnen dabei, verschiedene Bedingungen zu beurteilen und Datendiagramme wie Venn-Diagramme zu erstellen.
https://www.wolframalpha.com/input/?i=a+or+b+and+b+or+c
DevHints
Eine Sammlung von Spickzetteln, einschließlich Bash, Es6, Regexp, Vscode und Hunderten von Spickzetteln
https://devhints.io/
Caniuse
Browser-Kompatibilitäts-Schnellprüfung, Browserlist verwendet die Daten hier, um mit dem Browser kompatibel zu sein.
https://caniuse.com/
Chrome-Plug-in
FeHelper
verfügt über mehr als 20 praktische kleine Funktionen, darunter String-Kodierung und -Dekodierung, JSON-Formatierung, QR-Code-Generierung usw.
https://www.baidufe.com/fehelper
Wappalyzer
Hilft Ihnen zu erkennen, welche Technologien verwendet werden Der Website-Stack.
https://www.wappalyzer.com/
Screencastify
Nehmen Sie Ihre Website in einem kurzen Video auf.
https://www.screencastify.com/
VSCode-Plug-in
Bracket Pair Colorizer
Bracket-Highlighter-Tool, um Ihren Partner schnell zu finden! (Klammern)
Git Graph
Git History Graphical , damit scheine ich Sourcetree~
GitLens
Live Share
Empfohlenes Tutorial: vscode Basic Tutorial
CLI-Tools
ngrok
Eine Zeile Befehl, Intranet-Penetration. Unverzichtbar für die Demonstration lokaler Projekte.https://ngrok.com/
dienen
https://github.com/zeit/serve
tldr
Zu lange gelesen; Die verschiedenen Befehlsbeschreibungen sind zu kompliziert, sodass Sie sich hier nur auf die wesentlichen Punkte konzentrieren können!https://tldr.sh/
fkill
Prozess gewaltsam beenden, plattformübergreifend.https://github.com/sindresorhus/fkill-cliWenn Sie weitere nützliche Tools haben, hinterlassen Sie bitte eine Nachricht zum Teilen~
Referenzartikel
Das obige ist der detaillierte Inhalt von18 Entwicklertools zur Steigerung der Produktivität. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!