visual-studio-code - ライセンス - visual studio code 無料




Visual Studio Code for Windowsでコードのセクションを折りたたむ方法は? (12)

Visual Studio Codeでコードのセクションを折りたたむまたは折りたたむにはどうすればよいですか?

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


JavaScriptを使用する場合:

//#region REGION_NAME
   ...code here
//#endregion

Macでは、RHSコマンドキーfor K であり、コード折りたたみコマンドの左側ではありません。

そうでない場合、左側のコマンドキーは現在の行 ⌘K を削除します。


Visual Studio Codeで処理できることを望みます。

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

現時点では、Visual Studio Codeはそれを無視し、折りたたみません。 一方、Notepad ++とPowerGUIはこれをうまく処理します。

更新:Visual Studio Codeの更新に気付きました。 これは現在サポートされています!


Visual Studio Codeバージョン1.12.0、2017年4月の時点で、ドキュメントの「 Folding セクションを参照してください。

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

すべて折り畳み: CTRL + K CTRL + 0 (ゼロ)

折りレベル[n]: CTRL + K CTRL + [n] *

すべて展開: CTRL + K CTRL + J

折りたたみ領域: CTRL + K CTRL + [

展開領域: CTRL + K CTRL + ]

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

Mac: CTRLの 代わりにuseを使用(Prajeetに感謝)


ctrl + k + 0:すべてのレベル(名前空間、クラス、メソッド、ブロック)を折りたたみます

ctrl + k + 1:名前空間

ctrl + k + 2:クラス

ctrl + k + 3:メソッド

ctrl + k + 4:ブロック

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

ctrl + k + j:展開


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


バージョン1.3.1(2016-07-17)の時点で、ブロック崩壊ははるかに便利です。

インデントされた行が続く行には、折りたたみを許可するために「-」文字があります。 ブロックが折りたたまれている場合は、折りたたまれたブロックを開く「+」文字に置き換えられます。

Ctrl + Shift + Alt + ] )は引き続きすべてのブロックに影響し、1レベルを閉じます。 繰り返し使用するたびに、もう1つのレベルが閉じました。 ( Ctrl + Shift + Alt + [ )は逆の方法で機能します。

やっと、ブロックの崩壊が最終的に有効に機能します。


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

{
    "editor.showFoldingControls": "always",
    "editor.folding": true,
    "editor.foldingStrategy": "indentation", 
}

リリース1.0 で折りたたみがサポートされるようになり ました

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

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

レベル1( Ctrl + K Ctrl + 1 )をレベル5( Ctrl + K Ctrl + 5 )に折り畳むアクションがあります。 展開するには、すべて展開( Ctrl + Shift + Alt + ] )を使用します。

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

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


Folding はロールアウトされており、Visual Studio Code バージョン0.10.11 以降に実装されています。 次のキーボードショートカットを使用できます。

  • 折り畳み は、カーソルで最も内側の折り畳まれていない領域を折ります:

    • WindowsおよびLinuxでは Ctrl + Shift + [
    • OS + + [ macOSの場合
  • 展開は、カーソルで折りたたまれた領域を展開します。

    • WindowsおよびLinuxでは Ctrl + Shift + ]
    • macOSで + + ]
  • Fold All は、エディター内のすべての領域を折りたたみます:

    • Ctrl + K 、WindowsおよびLinuxでは Ctrl + 0 (ゼロ)
    • macOSでは + K + 0 (ゼロ)
  • [すべて 展開]は、エディター内のすべての領域を展開します。

    • Ctrl + K 、WindowsおよびLinuxでは Ctrl + J
    • macOSで + K + J

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

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

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


地域ごとの コードの折りたたみは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コードの折りたたみ領域が追加されました。

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

v1.35が追加されました:

Go:                   // region, // endregion and // #region, // #endregion

v.1.36にシェルスクリプトが追加されました。[github issue:shellscriptfolding markerの追加]をご覧ください。 4

shellscript:          # region and # endregion




visual-studio-code