Shulou(Shulou.com)06/02 Report--

This article mainly introduces 18 useful developer tools, the article is very detailed, has a certain reference value, interested friends must read it!

Website section

Bundlephobia

If you want to install a new dependency, the site can check the size of the dependency, whether it supports tree-shaking and other indicators. (npm package only)

Https://bundlephobia.com/

Coolors

Are you still worried about the color matching of one of your projects? You can come to this website to have a look.

Https://coolors.co/

Carbon

You can turn the code into a good-looking picture, which the author has used in previous articles.

Https://carbon.now.sh/

Snippet generator

Code snippets are easy to use, but it's troublesome to generate them, and the site can be generated with one click of the code. VSCode,Sublime Text,Atom is supported.

Https://snippet-generator.app/

Wolfram Alpha

If you have a complex expression to evaluate, or a long if statement to simplify, you can use this site, which will help you judge various conditions and generate data charts such as Wayne diagrams.

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

DevHints

Quick check list, including hundreds of cheatsheets such as bash,es6,regexp,vscode

Https://devhints.io/

Caniuse

Quick check for browser compatibility. Browserlist uses the data here to be compatible with browsers.

Https://caniuse.com/

Chrome plug-ins

FeHelper

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

Https://www.baidufe.com/fehelper

Wappalyzer

To help you explore which technology stacks are used on the site.

Https://www.wappalyzer.com/

Screencastify

Make a small video of your website.

Https://www.screencastify.com/

VSCode plug-ins

Bracket Pair Colorizer

Highlight parentheses tool to quickly find your partner! (parentheses)

Bracket Pair Colorizer

Git Graph

Git history is graphical, and with it, I don't seem to need Sourcetree ~

Git Graph

GitLens

Artifact! It is very convenient to view the history.

GitLens

Live Share

VSCode official plug-in, remote code sharing.

Live Share

Recommended tutorial: vscode Basics tutorial

CLI tools

Ngrok

One-line command, intranet penetration. Demonstrate local project prerequisites.

Https://ngrok.com/

Serve

Quick start service, can be used to debug packaged code!

Https://github.com/zeit/serve

Tldr

Too long; Didn't read. All kinds of command instructions are too complicated, you can only look at the key points with this!

Https://tldr.sh/

Fkill

Kill the process, cross-platform.

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

The above is all the contents of this article "18 useful developer tools". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.