私のVSコードワークフロー（ワークスペース、アイコン、タスク）の少しの改善

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

設定をオーバーライドします

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

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

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

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