18 Developer Tools to Boost Productivity

This article introduces some tools to improve productivity, including websites, browser plug-ins, VSCode plug-ins and command line tools~

##Website article

Bundlephobia

If you want to install a new dependency, this website can check the size of the dependency, whether it supports tree-shaking, etc. item indicators. (npm package only)

https://bundlephobia.com/

Coolors

Still worrying about myself Color palette for a project? You can come to this website to find it.

https://coolors.co/

Carbon

can turn the code into a beautiful picture. The author has previously The article has used ~

https://carbon.now.sh/

Snippet generator

code snippet They are easy to use, but generating them is troublesome. This website can be generated with one click based on the code. Support VSCode, Sublime Text, Atom.

https://snippet-generator.app/

Wolfram Alpha

If you have a complex expression If you need to calculate, or if you want to simplify a long if statement, you can use this website. It will help you judge various conditions and generate data charts such as Venn diagrams.

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

DevHints

Comprehensive list of cheatsheets, including bash, es6, regexp, vscode and hundreds of cheatsheets

https://devhints.io/

Caniuse

Browser compatibility quick check, browserlist uses the data here to be compatible with the browser.

https://caniuse.com/

Chrome Plug-in

FeHelper

More than 20 practical small functions, including string encoding and decoding, JSON formatting, QR code generation, etc.

https://www.baidufe.com/fehelper

Wappalyzer

Help you detect what technologies the website uses stack.

https://www.wappalyzer.com/

Screencastify

Record your website into a short video.

https://www.screencastify.com/

VSCode Plug-in

Bracket Pair Colorizer

Bracket highlighter tool to find your significant other quickly! (brackets)

Bracket Pair Colorizer

##Git Graph

Git History Graphical, with it, I don’t seem to be able to use Sourcetree~

Git Graph

GitLens

Artifact! It’s super convenient to view the history~

GitLens

Live Share

VSCode Official Plug-in, remote code sharing.

Live Share

Recommended tutorial: vscode basic tutorial

CLI tool article

ngrok

One line Command, intranet penetration. Essential for demonstrating local projects.

https://ngrok.com/

serve

Quickly start the service and can be used for debugging and packaging Post code!

https://github.com/zeit/serve

tldr

Too long; Didn't read. The various command descriptions are too complicated, so you can just focus on the key points with this one!

https://tldr.sh/

fkill

Forcefully kill the process, cross-platform.

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

If you have other useful tools, please leave a message to share~

Reference article

18 DevTools for productivity

The above is the detailed content of 18 Developer Tools to Boost Productivity. For more information, please follow other related articles on the PHP Chinese website!