18 outils de développement pour augmenter la productivité

Cet article présente certains outils pour améliorer la productivité, notamment les sites Web, les plug-ins de navigateur, les plug-ins VSCode et les outils de ligne de commande~

Article du site Web

Bundlephobia

Si vous souhaitez installer une nouvelle dépendance, ce site Web peut vérifier la taille de la dépendance, si elle prend en charge l'arborescence -secouement, etc. indicateurs d'articles. (package npm uniquement)

https://bundlephobia.com/

Coolors

Je m'inquiète toujours pour moi Palette de couleurs pour un projet ? Vous pouvez venir sur ce site Web pour le trouver.

https://coolors.co/

Le carbone

peut transformer le code en belles images, a déclaré l'auteur avant de l'utiliser dans l'article~

https://carbon.now.sh/

Générateur d'extraits

extrait de code Ils sont faciles à utiliser, mais leur génération est fastidieuse. Ce site Web peut être généré en un seul clic à partir du code. Prise en charge de VSCode, Sublime Text, Atom.

https://snippet-generator.app/

Wolfram Alpha

Si vous avez une expression complexe Si vous besoin de calculer, ou si vous souhaitez simplifier une longue instruction if, vous pouvez utiliser ce site Web. Il vous aidera à juger diverses conditions et à générer des graphiques de données tels que des diagrammes de Venn.

https://www.wolframalpha.com/input/?i=a+or+b+and+b+or+c

DevHints

Une collection d'aide-mémoire, notamment bash, es6, regexp, vscode et des centaines d'aide-mémoire

https://devhints.io/

Caniuse

Vérification rapide de la compatibilité du navigateur, la liste des navigateurs utilise les données ici pour être compatible avec le navigateur.

https://caniuse.com/

Plug-in Chrome

FeHelper

possède plus de 20 petites fonctions pratiques, dont l'encodage et le décodage de chaînes, le formatage JSON, la génération de code QR, etc.

https://www.baidufe.com/fehelper

Wappalyzer

Vous aide à détecter les technologies utilisées sur la pile du site Web.

https://www.wappalyzer.com/

Screencastify

Enregistrez votre site Web dans une courte vidéo.

https://www.screencastify.com/

Plug-in VSCode

Bracket Pair Colorizer

Outil de surligneur de brackets pour trouver rapidement votre partenaire ! (crochets)

Coloriseur de paires de supports

Git Graph

Historique Git graphiquement , avec lui, je ne semble pas avoir besoin de Sourcetree~

Git Graph

GitLens

Artefact ! Afficher l'historique est très pratique ~

GitLens

Partage en direct

VSCode Officiel Plug-in, partage de code à distance.

Partage en direct

Tutoriel recommandé : Tutoriel de base vscode

Outils CLI

ngrok

Une ligne Commandement, pénétration intranet. Indispensable pour démontrer des projets locaux.

https://ngrok.com/

serve

Service de démarrage rapide, peut être utilisé pour emballage de débogage Code postal !

https://github.com/zeit/serve

tldr

Trop longtemps ; Les différentes descriptions de commandes sont trop compliquées, vous pouvez donc vous concentrer uniquement sur les points clés avec celle-ci !

https://tldr.sh/

fkill

Tuer de force le processus, multiplateforme.

https://github.com/sindresorhus/fkill-cli

Si vous avez d'autres outils utiles, veuillez laisser un message à partager~

Article de référence

18 DevTools pour la productivité

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!