web-dev-qa-db-ja.com

Windows用のVisual Studioコードでコードの一部を折りたたむにはどうすればよいですか。

Visual Studioのコードでコードの一部を折りたたんだり折りたたんだりするにはどうすればよいですか。

この機能はサポートされていますか？

visual-studio-code
527
Nick

Folding がロールアウトされ、Visual Studio Code バージョン0.10.11 から実装されています。利用可能なこれらのキーボードショートカットがあります。

  • Foldは、カーソル位置の最も内側の非コラプス領域を折りたたみます。

    • Ctrl + Shift + [ WindowsおよびLinux上
    • ⌥ + ⌘ + [ macOS上

  • 展開は、カーソル位置の折りたたまれた領域を展開します。

    • Ctrl + Shift + ] WindowsおよびLinux上
    • ⌥ + ⌘ + ] macOS上

  • すべて折りは、エディタ内のすべての領域を折りたたみます。

    • Ctrl + K、 Ctrl +  WindowsおよびLinuxでは（ゼロ）
    • ⌘ + K、 ⌘ +  macOSでは（ゼロ）

  • すべて展開エディタ内のすべての領域を展開します。

    • Ctrl + K、 Ctrl + J WindowsおよびLinux上
    • ⌘ + K、 ⌘ + J macOS上
963
Brocco

2017年4月のVisual Studio Codeバージョン1.12.0以降、ドキュメントの 基本編集>折りたたみ のセクションを参照してください。

デフォルトのキーは以下のとおりです。

すべて折りたたむ： CTRL+K、 CTRL+ （ゼロ）

フォールドレベル[n]： CTRL+K、 CTRL+[n]*

すべて展開： CTRL+K、 CTRL+J

折り返し領域： CTRL+K、 CTRL+[

展開地域： CTRL+K、 CTRL+]

* Fold Level：最も外側のクラスを除くすべてのクラスをフォールドするには、試してください CTRL+K、 CTRL+1

Mac：を使う ⌘ の代わりに CTRL （ありがとうPrajeet）

173
Michael Fulton

この機能は標準ビルドで現在利用可能です。折りたたみ/展開コントロールを表示するには、このスクリーンショットに示すように行番号のすぐ右側の領域にマウスを置く必要があります。

Enter image description here

53
BraveNewMath

region によるコードの折りたたみはv1.17で登場しました。 地域別折りたたみドキュメント 。そして v1.19 と 1.23 。

TypeScript/JavaScript: //#region and //#endregion and //region and //endregion
C#:                    #region and #endregion
C/C++:                 #pragma region and #pragma endregion
F#:                    //#region and //#endregion
PowerShell:            #region and #endregion
Python:                #region and #endregion
VB:                    #Region and #End Region
PHP:                   #region and #endregion
Bat:                   ::#region and ::#endregion

各言語にはマーカー用のスニペットもあります。 「＃」と入力してコード補完を呼び出すと、それらが表示されます。地域マーカーを自分の言語用に設定するには、言語拡張プロバイダに連絡してください。

v1.23はCSS/SCSS/Less code folding regionを追加した：

CSS/SCSS/Less:         /* #region */ and /* #endregion */ or /*#region*/ and /*#endregion*/
SCSS/Less:             // #region and // #endregion
28
Mark

折りたたみ/拡張のデフォルトのショートカットは次のとおりです。

<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + [ "Fold"
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>[</kbd> "Fold all"
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + ] "Unfold"
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Alt</kbd> + <kbd>[</kbd> "Unfold all"

またはkeybindings.jsonに移動して、必要に応じて変更します。

例えば：

{
    "key": "cmd+k cmd+m",
    "command": "editor.foldAll",
    "when": "editorFocus"
},
{
    "key": "cmd+m cmd+k",
    "command": "editor.unfoldAll",
    "when": "editorFocus"
},
21
Samuel Pinto

ユーザー設定を追加する必要があります。

{
    "editor.showFoldingControls": "always",
    "editor.folding": true,
    "editor.foldingStrategy": "indentation", 
}
16
Minh Tien Tran

どのショートカットも機能しない場合（私のように）、回避策としてコマンドパレットを開くこともできます（Ctrl + 3 または[表示] - > [コマンドパレット]を選択して、fold allと入力します。

enter image description here

13
Jorn Vernee

折りたたみは、 リリース1. でサポートされるようになりました。

ソースコード折りたたみショートカット

折りたたみレベルに基づいてソースコード領域を折りたたむ新しい折りたたみアクションがあります。

レベル1をフォールドするアクションがあります（Ctrl+KCtrl+1）レベル5までCtrl+KCtrl+5）展開するには、[すべて展開]を使用します（Ctrl+Shift+Alt+]）.

レベル折りたたみアクションは、現在のカーソルを含む領域には適用されません。

私はキーボード上の]ボタンを見つけるのに問題がありました（ノルウェーのレイアウト）、そして私の場合それはÅボタンでした。 （または、バックスペースボタンから左に2つ、下に1つのボタン）。

12
Stian Standahl

バージョン1.3.1（2016-07-17）以降、Block Collapseははるかに便利になりました。

字下げした行が後に続く行は、折りたたむことができるように ' - '文字を持ちます。ブロックが折りたたまれている場合は、折りたたまれたブロックを開く '+'文字に置き換えられます。

（Ctrl + Shift + Alt + ]）はまだすべてのブロックに影響を与え、1レベルを閉じます。繰り返し使用するたびに、もう1つレベルが閉じられました。 （Ctrl + Shift + Alt + [）反対の方法で動作します。

万歳、ブロック崩壊はようやく役に立ちました。

3
Miguelito

JavaScriptの場合

//#region REGION_NAME
   ...code here
//#endregion
3
Rafael Grilli

Macでは、それはRHS Commandキーです。 ⌘Kコード折りたたみコマンドの場合は、左にはありません。

そうでなければ、左側のCommandキーは現在の行を削除します。 ⌘K。

2
ReaddyEddy

ctrl + K + 0：すべてのレベルを折りたたみます（名前空間、クラス、メソッド、ブロック）

ctrl + K + 1：ナムスペース

ctrl + K + 2：クラス

ctrl + K + 3：メソッド

ctrl + K + 4：ブロック

ctrl + k + [or]：現在のカーソルブロック

ctrl + k + j：展開

2
mammadkoma

Code folding controls inside the editor to expand nodes of XML-structured documents and source code in VsCode

ここには技術的なヒントはありません。VsCodeの設定を簡単に調整するだけです。

Preferencesに移動して「folding」を検索することで、VsCodeで常にコード折りたたみコントロールを表示することができました。これらのコントロールを常に表示するように選択するだけです。これは、私がテストしたAngular 8ソリューションのテンプレートのTypeScriptコードとHTMLで機能します。

これは、Windows 10 OS上で実行されるVsCode Insiders 1.37.0でテストされました。

Show code folding controls always in VsCode

1
Tore Aurstad

VSCodeエクステンション： Fold Level 、あなたが望むレベルへの1つのキーフォールド.

enter image description here

0
vikyd

この機能は、 Visual Studio Code 1.17 からサポートされています。コードブロックを折りたたむ/折りたたむには、TypeScript/JavaScriptでコーディングする場合は//#region my block nameや//#endregionなどのregionタグを追加するだけです。 

例：

Region Folding

0
Murilo Perrone

Visual Studio Codeで処理できるようにしたいと思います。

#region Function Write-Log
Function Write-Log {
    ...
}
#endregion Function Write-Log

現時点では、Visual Studioのコードでは無視されているため折りたたまれません。

更新：Visual Studio Codeの更新に気付いたばかりです。これは現在サポートされています！

0
Mr. Annoyed

Windowsビルドではショートカットは次のように設定されています。 Alt + 

0
SuperSandro2000