あなたが試していないトップ5対コードの拡張子.

13679 ワード
githunt tooling productivity vscode テキストリンク
👋 ねえ、私はあなたが何を考えている知っている.彼らが人気がないならば、これらの拡大がどんな良い方法でもありません、正しく?あなたは驚くべきものが開発されて驚いている!
私は、生産性を最適化して、新しい拡張を試みるために、VSコードでtinkeringが好きです🛠️ 私の最高の成長ハックの一つです.
あなたがおそらく聞いていないトップ5対コード拡大の走力は、ここにあります.(はい)、彼らはすべてオープンソースなので、⭐ Githubについて
公平な警告、これらの拡大のいくつかはそう進行中の仕事です🐛 バグが予想されます.リンクの最後までスクロールします.

スタックオーバーフロービュー



👉 試してみて> ext install 4tron.stack-overflow-view使用して、スタックのオーバーフローの内側のコードを迅速にアクションを使用して、それはあなたの既存の暗いテーマで美しく動作します.叙事詩!🤯
これ以上のブラウザのウィンドウを開く、答えのためにgoogling、タブを介してジャンプするときに光の速度でコードを修正することができます.
ジャストタイプ> stackoverflow: search そして、コード・スニペットまたはエラーメッセージにペーストを貼ってください.私はもっと言う必要がある?

2 -デバッグビジュアライザー



👉 試してみて> ext install hediet.debug-visualizerデバッグビジュアライザーは、多くのことを行うことができますが、私のお気に入りの機能は、RESTまたはGraphSQLのエンドポイントから返されるデータを探索しています.
確かに、あなたはPostmanで応答を読み込むことができますが、フィルタと並べ替えの右側のVSのコードを使用すると、特に深くネストされたオブジェクトや変数になると、特に便利なスーパーです.

3 -サンダンス


👉 試してみて> ext install msrvida.vscode-sanddance
データサイエンスプロジェクトの作業はJupyterノートブックでより容易になった.
Sanddanceは次の大きなものです、それはあなたが働いているデータを理解するために静的なCSVファイルから行く最も意味のある方法です.
あなたが簡単にダンプし、可視化することができます質問を書くとダッシュボードを設定を停止します.データ科学者であることの影響は、ビジネスの質問に意味のある答えを見つけることです、これは多くの迅速に取得します.

4 -素晴らしい



👉 試してみて> ext install Raathigeshan.fabulousあなたがFigmaやスケッチを使用してデザインにしている場合は、ネイティブGUIでデザインプロパティを視覚的に編集する方がずっと簡単になります.
FavulousはちょうどCSSの上でそれをします、そして、それは働きますstyled-components JSでも!あなたが長いスタイルシートを持っていて、速くいくつかのものをカスタマイズしたいならば、拡張は便利です.

5 -パラメータヒント



👉 試してみて> ext install DominicVonk.parameter-hintsインラインパラメータヒントは微妙ですが、それはきちんとした生産性ハックです.Jetbrainsは、IDEでデフォルトで型を使用することを示唆しています.
なぜインライン?あなたが速いタイプまたはコードのラインをカバーしているツールチップが好きでないならば、これはあなたのためです.
これは、プレビューでは現在、JSやTypesScriptのような言語をサポートしてプル要求が奨励されます.
🛠️ あそこにある.トップ5は、あなたの生産性を高め、プロコーダーになるために素晴らしいコード拡張子です.

何か / スタックオーバーフロービュー


エディタの内部のスタックオーバーフローへのアクセスのためのVisual Studioコード拡張機能。


スタックオーバーフロービュー






エディタの内部のスタックオーバーフローへのアクセスのためのVisual Studioコード拡張機能.["vscode":"^1.37.0"]

構成


サポート国際化
  • 英語(デフォルト)
  • スペイン語
  • ロシア語
  • ポルトガル語
  • 日本語
    • Please Note: Some of the translation was done by copying Stack Overflows language sites - with the integrated i18n api call - and some of it was done with Google translate - if there are any issues with translation it is unintentional.

    好みのソートタイプを設定する
  • 関連性
  • 票
  • アクティビティ
  • 最新

    • キーボードショートカット


    ではなく、Ctrl + Alt + s
    のctrl + cmd + s
    View on GitHub

    ダイエット / vscode debug visualizer


    デバッグ中にデータを視覚化するVSコードの拡張。


    コードデバッグ




    参照README.md 拡張モジュールの読み込み用に.
    あなたは、拡張子をmarketplace .
    参照CONTRIBUTING.md ビルド命令と実装の詳細については.

    View on GitHub

    マイクロソフト / サンダンス


    視覚的に探索、理解し、データを提示する。


    サンダンス


    視覚的に探索、理解し、データを提示する.

    簡単に理解できるビューを使用して、Sanddanceはあなたが順番にデータによってサポートされている物語を伝えるのに役立つデータについての洞察力を見つけることができます、証拠に基づいてケースを構築し、仮説をテストし、表面の説明に深く掘る、購入のためのサポートの決定、またはより広い、現実世界のコンテキストにデータを関連付ける.
    SandDanceは、画面上の行とマークの行の間に1対1のマッピングを適用する単位可視化を使用します
    ビュー間のスムーズなアニメーション遷移は、あなたのデータと対話するようにコンテキストを維持するのに役立ちます.

    This new version of SandDance has been rebuilt from scratch with the goal of being modular, extensible, and embeddable into your custom applications. We are now on GitHub so that we are open and driven by the community through contributions, feature requests, and discussion.


    サンドダンスはMicrosoft Research VIDA Group これは、可視化のための新しい技術を探る.
    View on GitHub

    ラティアギシュ / 素晴らしい


    🎨 CSSのプロパティサイドバー



    Favulousは、Visual StudioのコードにCSSのプロパティサイドバーを紹介します.
    素晴らしいは以下をサポート

  • 💅 テンプレートリテラルをサポートするJS LibsのCSSstyled-components , emotion , linaria )

  • 🎨 CSSルール.css ファイル

  • 🌈 CSSルール.scss ファイル

  • 🌏 CSSルール.html ファイル-これらは<style> タグとスタイルタグは<head> タグ

  • 🌛 CSSルールcomponent.ts インラインスタイルを持つ角コンポーネントファイル@Component({ styles:[``] }) デコレータ

  • 🌟 CSSルール.vue を持つファイル<style> ファイルのルートにタグを付ける

  • 💍 CSSルール.svelte を持つファイル<style> ファイルのルートにタグを付ける

    • Fabulous is still in Preview. Give it a try and let us know when things don't go well.


    始める

  • インストールFabulous VSコードの拡張
  • アフターオープンcss , scss …
    • View on GitHub

    ドミニクボン / vscodeパラメータヒント



    パラメータヒント








    関数のパラメータ名を表示する
    畝
    畝

    サポートされる言語

  • ジャバスクリプト
  • ジャバスクリプト
  • タイプスクリプト
  • 反応する
  • PHP
    • 畝
    *投稿を自由にする
    畝
    畝

    設定


    名称
    説明
    デフォルトparameterHints.enabledパラメータヒントを有効にするtrue parameterHints.hintingTypeパラメータヒントを有効にするvariableAndType parameterHints.languages選択した言語だけのパラメータヒントを有効にするall parameterHints.paddingパディング1 4 parameterHints.marginマージン0 1畝
    畝

    色


    背景と前景の色をカスタマイズすることができますworkbench.colorCustomizations このように:
    //設定JSON
    { }
    //
    "ワークベンチ.
    "ParameterHints . hintbackground ": "no no 37415180 "
    "パラメータterhins . hintForeground ": "Cache - 9 ca 3 af "
    //
    ｝
    名称
    説明parameterHints.hintForegroundヒントの前景色を指定しますparameterHints.hintBackgroundヒントの背景色を指定する
    畝
    畝

    コマンド


    名称
    説明parameterHints.toggle隠すヒント
    畝
    畝

    クレジット


    Dash-AST
    TypeScript
    php-parser
    View on GitHub

    🐦 これらの素晴らしいオープンソースの拡張子を試してみたい開発者を知っていますか？それらを共有する！

    Python: tqdm Library
    ローカルにwikiを立てたい時にGollumを使ってみた