VSコードワークフローの改善：ワークスペース、アイコン、タスク

最近、以前に知らなかったVSコード機(jī)能を発見しました。プロジェクトフォルダーが開いている間、同じウィンドウに別の異なるルートフォルダーを追加できます。プロジェクトを開くには、トップレベルのルートフォルダーが1つしかないことしかありません。別のフォルダーを開く必要がある場合は、新しいウィンドウで開く必要があります。しかし、そうではありません！

Codepenでは、「デュアルリポジトリ」モード（RailsアプリケーションのメインRuby、Microservice）を使用しています。これで、両方のリポジトリを同時(shí)に開くことができます。

今、私は2つのプロジェクトを検索し、基本的にそれを大きなプロジェクトとして扱うことができます。

これを初めて行い、VSコードウィンドウを閉じるとき、「ワークスペース」を保存するかどうかを?qū)い亭蓼?。私は以前に少しトラブルを感じていましたが、それがファイルを作成するだろうと考えていて、そのようなファイルを保存する適切な場所がありません（他のファイルにシステムを課したくないのでリポジトリに入れないでください）。

最終的に、怠lazを克服し、ローカルフォルダーを作成して、すべての.code-workspaceファイルを保存します。これらのファイルは非常に便利です。ドックに追加して、ワンクリックで設(shè)定したワークスペースを開くことができます。

カスタムワークスペースアイコン

ワークスペースファイルには特別なアイコンがあります。

これらのファイルをドックに入れたので、それらのためにカスタムアイコンを作成することを考えました！これにより、1日に複數(shù)回開く可能性があるため、ワークスペースが一目で透明になり、使用がより便利になります。

元のアイコンからSVGロゴを取り、プロジェクトロゴの右下隅に配置しました。

MacOSのロゴの変更は非常にシンプルです。ファイルを右クリックし、「紹介を表示」を選択し、パネルのロゴをクリックして、新しい畫像を貼り付けます。

これで、ドックに保存して、すべてのプロジェクトをワンクリックで開くことができます。

プロジェクトを開くときにターミナルコマンドを開始します

これらの便利なワンクリックプロジェクトのオープニングアイコンがあるので、「プロジェクトスタートアップコマンドを起動(dòng)できればクールだ！」と思いました。明らかに、それがタスクの目的であり、セットアップするのは難しくありません（Andrewに感謝します?。?。 .vscode/tasks.jsonファイルで、以下を追加しました。

 {
  「バージョン」：「2.0.0」、
  「タスク」：[
    {
      「ラベル」：「ガルプを?qū)g行する」、
      「タイプ」：「シェル」、
      「コマンド」：「ガルプ」、
      「タスク」：「デフォルト」、
      "プレゼンテーション"： {
        「フォーカス」：偽、
        「パネル」：「共有」、
        「showReuseMessage」：本當(dāng)、
        「クリア」：本當(dāng)
      }、
      「ronoptions」：{
        「Ronon」：「Folderopen」
      }
    }
  ]
}

このワークスペースを開くたびに、 gulpコマンドが起動(dòng)します。タスクを手動(dòng)で実行する必要があると思います（端末→タスクを?qū)g行します）、正しい権限があり、正常に動(dòng)作するようにします。

設(shè)定をオーバーライドします

これは単なるワークスペース固有の機(jī)能だとは思いませんが、 .vscode/settings.jsonファイルを使用してプロジェクトフォルダーのVSコード設(shè)定を上書きするのが本當(dāng)に好きです。

たとえば、CSS-Tricksでは、Gulp Preprocessが.scss to .cssである非常に基本的なSASSセットアップがあります。これで問題ありませんが、セレクターを検索する場合があります。私はネイティブCSSを使用しないので、 .cssでそれを見る必要はありません。これを設(shè)定ファイルに追加し、すべてのプロジェクトではなく、このプロジェクトでのみ機(jī)能することを知ることができます。

 {
  「search.exclude」：{
    "**/*。css"：true、
  }
} 

以上が私のVSコードワークフロー（ワークスペース、アイコン、タスク）の少しの改善の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。