禅でVSを達成する方法

あなたはVSのコードをじっと見つめています、そして、あなたの目の前で、ランダムなものでこの雑然とした混乱はどこにも誰もこれまでに理解することができませんでした.しかし、あなたのコードについて十分に、我々がどのように我々が本当の禅を成し遂げるのを助けるためにとてもきれいに見えるかについて話しましょう.
起動するには、VSのコードのユーザーインターフェイスを通過し、どのように我々は我々の禅と干渉するインターフェイスの任意の部分を非表示にするコードの組み込み機能を活用する方法を参照してください.
これがあなたの速度であるならば、このポストのビデオ版は以下です:

コードユーザーインターフェイス

ユーザーインターフェイスは5つの部分に分割されます.

あなたのファイルを編集する主な領域.あなたが垂直方向と水平方向に並んで好きなように多くの編集者として開くことができます.

サイドバーは、-あなたのプロジェクトで作業中にエクスプローラのような別のビューを支援するために含まれています.

ステータスバー- -開くプロジェクトと編集するファイルに関する情報.

アクティビティバーは、-左の左側に位置し、これはビュー間で切り替えることができますし、追加のコンテキスト固有のインジケータを与える、変更された変更の数のようにgitが有効になっている.

パネルは-出力またはデバッグ情報、エラーと警告、または統合された端末のエディタ領域の下に別のパネルを表示することができます.パネルは、より垂直なスペースのために右に動かされることもできます.

VSコードは、さまざまなパネル、バー、およびグループのトンを持っているので、VSのコードはとても多くのことを行うことができます!
我々はこれらのパーツを一つずつ隠して見てみましょう.しかし、まず最初に、Zenモードと呼ばれるエディター以外のすべてを隠してくれるVSコードの特徴を見てみましょう.

禅モード

VSのコードドキュメントから、“禅モードでは、エディタを除くすべてのUIを非アクティブにすることによってあなたのコードにフォーカスすることができます(アクティビティバー、ステータスバー、サイドバーとパネル)、フルスクリーンに行くとエディタのレイアウトを中心に.”
VSモードのZENモードは次のようになります.

これはまた、私たちの好みにこのモードをカスタマイズすることができます偉大な内蔵機能です.
いくつかの推奨される調整は、make vsコードを無効にし、レイアウトを中心に無効にすることです.この方法では、禅モードですることができますし、まだあなたのVSコードウィンドウのサイズと位置を制御します.
フルスクリーンと中心のレイアウトを無効にすることができます次のを追加するsettings.json コマンドを実行するcmd + shift + p ) 設定:オープン設定( JSON ):

"zenMode.fullScreen": false,
"zenMode.centerLayout": false,

または、コマンドを実行して設定のUIを開くことができますcmd + shift + p ) 設定:オープン設定(UI)と“禅モード”を検索する2つのオプションをオフにします.
禅モードとカスタム構成のカップルでは、我々は完全に禅対コードの経験の私達の究極の目標への道の90 %です.
我々は禅のモードを切り替えるときに最後の10 %を作る前に何を隠しているかを行く.

禅モードは何を隠しますか？

デフォルトでは、Zenモードはエディター以外のユーザーインターフェイスのすべての部分を隠します.各部分を通過し、どのように禅モードを切り替えることなく自分自身を隠すことができます.あなたがちょうどエディタ以外のすべての代わりにあなたの方法からユーザーインターフェースの1つまたは2つの部分を必要とするならば、これは役に立ちます.

アクティビティバーとサイドバー

これらはユーザインタフェースの左側の2つの部分です.
アクティビティーバーは、コマンドを実行して非表示にすることができます.cmd + shift + p ) 表示:トグル活動バーの可視性.
デフォルトのキーボードショートカットが設定されていませんが、常にあなたのために動作する1つを設定することができます.
サイドバーは、コマンドを実行することによって非表示にすることができますcmd + shift + p ) 表示:トグルサイドバーの可視性.
このためのデフォルトのキーボードショートカットはcmd + b

パネルとステータスバー

これらは、ユーザーインターフェイスの下部にある2つの部分です.
コマンドを実行することでパネルを非表示にすることができます.cmd + shift + p ) 表示:トグルパネル.
このためのデフォルトのキーボードショートカットはcmd + jステータスバーは、コマンドを実行して非表示にすることができますcmd + shift + p ) 表示:トグルステータスバーの可視性.
デフォルトのキーボードショートカットはありません.

禅への最後の10 %

デフォルトの禅モードでは、禅を完了する方法の90 %が私たちの方法でまだいくつかのユーザーインターフェイス要素があります.
これらの要素はminimapとindentガイドです.それでは、それらを隠す方法を見てみましょう.

最小値

Minimapは右側のエディタ部分の内側にあり、開いているファイルの拡大表示を与えます.
minimapはコマンドを実行することで隠れることができます(cmd + shift + p ) 表示:トグル最小値.
デフォルトのキーボードショートカットはありません.

インデントガイド

インデントガイドは、ファイルのインデントを示す細い垂直線です.
残念ながら、これらはまだデフォルトのZenモードで表示されます"editor.renderIndentGuides": false, .
私たちはすべての時間をオフにする必要はありませんので、私たちは禅モードに入るときに最小化とインデントガイドを切り替える方法が必要になります.

最小化とインデントガイドを切り替える

ZenModeを切り替えるときに最小値とインデントガイドを切り替えることができるようにするには、2つの拡張モジュールをインストールする必要があります.
Settings Cycler and multi-command .
こうすることで、設定を設定することができます.
これらの手順を簡単にするために、これらの2つの拡張モジュールをインストールした後に、このスニペットをsettings.json

// multiCommand
"multiCommand.commands": [
    {
        "command": "multiCommand.betterZenMode",
        "sequence": [
         "workbench.action.toggleZenMode",
         "settings.cycle.zenModeExtras",
        ]
    },
],
// Settings cycle
"settings.cycle": [
{
    "id": "zenModeExtras",
    "values": [
            {
                "editor.lineNumbers": "off",
                "editor.folding": false,
                "editor.renderIndentGuides": false,
                "editor.minimap.enabled": false,
            },
            {
                "editor.lineNumbers": "on",
                "editor.folding": true,
                "editor.renderIndentGuides": true,
                "editor.minimap.enabled": true,
            }
        ]
    }
],

そして、あなたのkeybindings.json

{
 "key": "cmd+k z",
 "command": "extension.multiCommand.execute" ,
 "args": { "command": "multiCommand.betterZenMode" },
},

結論：より良い禅モード

すべての設定で、キーバインドを使用するときcmd + k z 私たちのVSコードエディタは、このように見える私たちの新しいより良い禅モードに入ります.

現在の禅モードと我々のカスタムの構成を組み合わせることで我々のコードを表示するときに完全な禅を達成することができます.コードを良くするようにしましょう.
そして、ここでは、通常のエディタ、禅モードエディタ、およびより良い禅モードエディタの比較です.

🌟 ありがとう🌟

読んでくれてありがとう!私はあなたがこのより良い禅モードとあなたが周りのVSコードを作る偉大な見ているすべてのヒントを考えることを教えてください.
あなたはいくつかのより多くのコンテンツを探している場合はTwitterで私に従うことができます
ブログがあなたのものであるならば、ここでも同様です
https://koalatea.io/