青空の月

PHP, Unity, C#, アプリ開発関連について。

【PhpStorm】折りたたみを設定する

 PhpStorm で自由な位置でコードを折りたたむ方法。

 

PhpStorm では、

    // <editor-fold desc="">
    // </editor-fold>

で囲むと任意な位置で折りたたむ事ができる。

 

Visual Studio でいう

   //region Description
   //endregion

 

こんな感じになる

f:id:masa795:20180403234813p:plain

↓↓↓↓↓↓ こんな感じに折りたたむ事ができる ↓↓↓↓↓

f:id:masa795:20180403234814p:plain

 

説明部分は日本語もOKなので、コードも読みやすくなるはず。

構造 ウィンドウも editor-folder で囲まれたものでグルーピングされるので見やすい!

f:id:masa795:20180403234815p:plain

 

 公式のヘルプはここに記載してありました。

Folding Code Elements - Help | PhpStorm

 

ちなみに、CSSJavaScript 部分でも同様に自由に折りたたみ位置を設定できる。

JavaScript で折りたたみ

f:id:masa795:20180403234817p:plain

PHP と同じでOK。

    // <editor-fold desc="JavaScript折り畳み group1">
    // </editor-fold>

 

 

CSS で折りたたみ

f:id:masa795:20180403234816p:plain

CSS はちょっとコメント記法で工夫が必要だったけど、これで折り畳めた。

    /*<editor-fold desc="CSS折り畳み group1">*/
    /*</editor-fold>*/

 

 

PhpStorm で自由な位置でコードを折りたたむ

 

 

試したver:PhpStorm2017.3