生産性を向上させる 18 の開発者ツール

この記事では、Web サイト、ブラウザ プラグイン、VSCode プラグイン、コマンド ライン ツールなど、生産性を向上させるいくつかのツールを紹介します~

Web サイト記事

##バンドル恐怖症

新しい依存関係をインストールする場合は、この Web サイトで依存関係のサイズ、ツリーをサポートしているかどうかを確認できます。揺れなどの項目インジケーター。 (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 または b および b または c

DevHints

bash、es6、regexp、vscode、数百のチートシートを含むチートシートの包括的なリスト

https://devhints.io/

#Caniuse

ブラウザ互換性クイック チェック。ブラウザリストは、ブラウザとの互換性を保つためにここのデータを使用します。

##https://caniuse.com/

Chrome プラグイン

FeHelper

文字列のエンコードとデコード、JSON フォーマット、QR コード生成などを含む 20 以上の実用的な小さな関数。

https://www.baidufe.com/fehelper

Wappalyzer

Web サイトで使用されているテクノロジーの検出に役立ちますスタック。

https://www.wappalyzer.com/

Screencastify

Web サイトを短いビデオに録画します。

https://www.screencastify.com/

VSCode プラグイン

ブラケット ペア カラーライザー

大切な人をすぐに見つけるためのブラケット ハイライト ツール! (括弧)

ブラケット ペア カラーライザー

##Git グラフ

Git 履歴グラフィカル、これでは、Sourcetree~

Git Graph

GitLens## を使用できないようです。 ＃＃＃＃＃＃＃アーティファクト！履歴を表示すると非常に便利です~

GitLens

Live Share

VSCode 公式プラグイン、リモート コード共有。

ライブシェア

推奨チュートリアル:

vscode 基本チュートリアル

CLI ツールの記事

ngrok

1 line コマンド、イントラネットへの侵入。ローカル プロジェクトのデモンストレーションに不可欠です。

https://ngrok.com/

serve

すぐにサービスを起動して利用可能デバッグとパッケージ化用 郵便番号!

https://github.com/zeit/serve

tldr

長すぎて読めませんでした。各種コマンドの説明は複雑なので、要点だけ押さえておけば大丈夫です！

https://tldr.sh/

fkill

クロスプラットフォームでプロセスを強制的に強制終了します。

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

他に便利なツールがある場合は、共有するメッセージを残してください~

参考記事

18 生産性のための開発ツール

以上が生産性を向上させる 18 の開発者ツールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。