web-dev-qa-db-ja.com

Visual Studioでコードアウトラインを表示する方法は？

この種のものはEclipseに存在します。

alt text

しかし、私はまだVisual Studioでそれを見つけていません。コードの概要を表示するウィンドウはありますか？

ドキュメントアウトラインウィンドウとクラスビューウィンドウの両方を試しました。クラスビューは近いですが、クラス情報のみが表示されます。関数情報も表示できますか？

visual-studiooutline-view
52
Alan

  • 無料ではありませんが、Visual AssistXをインストールすると、各ドキュメントにファイル内のすべてのメソッドがリストされたドロップダウンボックスが表示されます（アルファベット順または発生順に）

  • クラスビューをもう一度確認します。機能は表示されます（ドキュメントごとではありません）。また、コード定義ウィンドウもご覧ください。クラスビューと組み合わせると非常に便利です。

11
stijn

また、非フリーですが、- Jetbrains Resharper は ファイル構造ウィンドウ を提供します。これはおそらくあなたが探しているものです。

このドッキング可能なウィンドウを表示するには、メニューからReSharper→Windows→File Structure（デフォルトのショートカットを選択します Ctrl+Alt+F

enter image description here

47
Sebastian

VSの優れたプラグインの1つは、 CodeMaid です。それは強力であり、オープンソースです！ CodeMaid Spadeビュー内でメソッドを並べ替えることもできます。

これがスクリーンショットです。

Code outline

44
Eliko

新しいバージョンのVisual Studio（2015など）では、ソリューションエクスプローラーでこれを直接確認できます。 .csファイルを展開するだけで、ファイルにリストされている順序でメソッドのリストを取得できます。これは、Eclipseのアウトラインとまったく同じです。

アルファベット順に表示したい場合は、ファイルを開き、タブペインとエディターの間に、プロジェクト名、名前空間を含むクラス名、使用可能なメソッドとプロパティを含むドロップダウンを表示する行があります。

8
Antiohia

この質問はかなり前に、Visual Studio Codeが存在する前に尋ねられましたが、Visual Studio Codeでこれを行う方法を探しているときに見つけたので、他の人もこの質問につまずくかもしれないと思ったので、私は自分の解決策を共有すると思いました。 Visual Studio Codeでこれを行う方法は次のとおりです。 TypeScriptを使用していますが、JavaScriptでも機能します。

1）ビュー->ビューを開く

enter image description here

2）アウトラインを選択（または入力）

enter image description here

3）プロパティと関数を含むクラスの完全な情報を表示するアウトラインパレットが表示されます。

enter image description here

7
gomisha

VS2010のアドインマネージャーを介して、非常にうまく機能する無料のアドインが利用できるようになりました。また、暗いテーマがあります。

VS10xコードマップv2

スクリーンショット：

Screenshot of the code map

6
Spoike

クラスビューウィンドウを使用するか、アウトラインを使用してコードウィンドウを定義に折りたたむことができます（標準キーボードセットアップのCtrl-M-OおよびCtrl M-L）

4
Ray

トリックは、Ctrl + F2、Tab、Tab、下矢印の順に呼び出すことです。 Ctrl + oを押したときに、この簡単なAutoHotkeyスクリプトを使用して実行しました。

#IfWinActive ahk_exe devenv.exe
^o::
  Send ^{F2}
  Send {Tab}
  Send {Tab}
  Send {Down}
  return
#IfWinActive

EclipseなどでQuick Outlineに最も近いドロップダウンが表示されます。

Outline

4
Ciantic

「ソリューションエクスプローラー」に移動して、プロジェクトを選択します。次に、アウトライン化するクラスファイルを選択し、そのクラスのすぐ下にある小さな三角形を展開します（下図を参照）

code outline in visual studio

3
smbillah

[表示]-> [他のウィンドウ]-> [ドキュメントアウトライン]に移動してドキュメントアウトラインウィンドウを表示するか、Ctrl + Wを使用してドキュメントアウトラインを表示できます。UVS-2008を使用しています。次のリンクもご覧ください。

これがあなたの質問に答えることを願っています。

2
Mohaimen

VSCommands 1 を使い始めました。

これは、JavaScriptを含むVisual Studio 2010での開発時に使用される最も一般的な言語をサポートします。

1
Guldager

VS2017では、エディターの右上隅からファイル内のアイテム間を直接移動できます。

Screenshot

1
Daniele Diodati

Microsoftが無料で提供する拡張機能があり、この拡張機能を使用してVisual Studioに他の多くの機能を追加できます。拡張子は 生産性向上ツール です。

1
elbaloo

コードアウトラインも同じように見る必要がありました。誰かのコード編成を理解するのが簡単です。 Ctrl + Shift + Oを試してみたが気に入らなかった。マーケットプレイスで2つの無料プラグインを見つけました。 パトリク・ザワツキによるこれ を試みて、便利でハンサムな場合に見つけました。

VSCのインストールおよびリロード後、エクスプローラーペインの下部にある新しいセパレータ「コードアウトライン」を確認します。

1
Ivy Growing

Visual Studioのツールバーの1つにコマンドを追加する方法（または、とにかくそれを行う方法を知っている方法）は次のとおりです。

1.）ツールバーの端にある小さな下矢印をクリックし、「ボタンの追加または削除」を選択してから、「カスタマイズ...」を選択します

Customize toolbar

2.）右側の[コマンドの追加...]ボタンをクリックします。

3.）左のスクロールリストで[編集]をクリックし、2つの[アウトライントグル]コマンドが表示されるまで右にスクロールします。

Outline Toggle commands

4.）1つを選択し（[すべてを切り替える]を選択して、開いているドキュメント全体のアウトラインを切り替えます）、[OK]をクリックします。

5.）このコマンドは、最初に「ボタンの追加と削除」をクリックしたツールバーの一部になります。コマンドを並べ替えて、ツールバーのさまざまな位置に配置できます。以下に、典型的な保存/元に戻す/デバッグコマンドがあるメインツールバーに追加した例を示します。

Outline Toggle button added to toolbar

0
clamum

PHPを使用する場合は、 docs に記載されているフルバージョンをインストールしてください。

0
Yuri Salimovskiy

Ctrl+Shift+Oはあなたが望むものに最も近くなります

さらに必要な場合は、以下を参照してください： githubのアウトライン機能の説明

0
honzajde