생산성을 높이는 18가지 개발자 도구

이 글에서는 웹사이트, 브라우저 플러그인, VSCode 플러그인, 명령줄 도구 등 생산성을 향상시키는 몇 가지 도구를 소개합니다~

웹사이트 글

Bundlephobia

설치하려는 경우 새로운 의존성, 이 웹사이트에서는 의존성 크기, 트리 쉐이킹 지원 여부 등 다양한 지표를 확인할 수 있습니다. (npm 패키지만 해당)

https://bundlephobia.com/

Coolors

아직도 프로젝트 중 하나의 색상 일치가 걱정되나요? 이 웹사이트에 오시면 찾으실 수 있습니다.

https://coolors.co/

Carbon

코드를 아름다운 그림으로 바꿀 수 있어요~

https://carbon.now.sh/

스니펫 생성기

코드 스니펫은 사용하기 쉽지만 코드를 기반으로 한 번의 클릭으로 생성하는 것이 번거롭습니다. VSCode, Sublime Text, Atom을 지원합니다.

https://snippet-generator.app/

Wolfram Alpha

계산해야 하는 복잡한 표현식이 있거나 단순화하고 싶은 긴 if 문이 있는 경우 이 웹사이트를 이용하면 됩니다. , 다양한 조건을 결정하고 벤 다이어그램과 같은 데이터 차트를 생성하는 데 도움이 됩니다.

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

DevHints

bash, es6, regexp, vscode

https://devhints.io/

Caniuse

브라우저 호환성 빠른 확인과 같은 수백 개의 치트 시트가 있으며, browserlist는 여기의 데이터를 사용하여 브라우저와 호환됩니다.

https://caniuse.com/

Chrome 플러그인

FeHelper

문자열 인코딩 및 디코딩, JSON 형식 지정, QR 코드 생성 등을 포함한 20개 이상의 실용적이고 작은 기능 .

https://www.baidufe.com/fehelper

Wappalyzer

은 웹사이트에서 어떤 기술 스택이 사용되는지 감지하는 데 도움이 됩니다.

https://www.wappalyzer.com/

Screencastify

웹사이트를 짧은 동영상으로 녹화하세요.

https://www.screencastify.com/

VSCode 플러그인

Bracket 쌍 Colorizer

브래킷 강조 도구로 사랑하는 사람을 빠르게 찾아보세요! (Brackets)) 브래킷 쌍 Colorizergit Graph=Git history 그래픽, 그것과 함께, 나는 sourcetree ~

git 그래프 를 사용할 수없는 것 같습니다.

GitLens

놀라운 도구입니다! 기록 보기가 짱 편리해요~

GitLens

Live Share

VSCode 공식 플러그인, 원격 코드 공유.

Live Share

추천 튜토리얼:

vscode 기본 튜토리얼

CLI 도구 기사

ngrok 한 줄의 명령, 인트라넷 침투. 지역 프로젝트 시연에 필수적입니다.
https://ngrok.com/

serve

빠른 시작 서비스, 패키지 코드 디버깅에 사용할 수 있습니다!

https://github.com/zeit/serve

tldr

너무 길어요. 다양한 명령 설명이 너무 복잡해요. 핵심 사항에 집중하세요.

https://tldr.sh/

fkill

크로스 플랫폼에서 프로세스를 강제로 종료합니다.

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

다른 유용한 도구가 있으면 공유할 메시지를 남겨주세요~

참고 기사

18 생산성을 위한 DevTools

위 내용은 생산성을 높이는 18가지 개발자 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!