Einige kleine Verbesserungen an meinem VS -Code -Workflow (Arbeitsbereiche, Symbole, Aufgaben)

VS -Code -Workflow -Verbesserungen: Arbeitsbereiche, Symbole und Aufgaben

Kürzlich habe ich eine VS -Code -Funktion entdeckt, von der ich vorher nicht wusste: Während ein Projektordner geöffnet ist, kann ein weiterer anderer Root -Ordner zu demselben Fenster hinzugefügt werden. Ich dachte immer, dass das Öffnen eines Projekts nur einen Root-Ordner oberster Ebene haben kann. Wenn Sie einen anderen Ordner öffnen müssen, muss es in einem neuen Fenster geöffnet werden. Aber das ist nicht der Fall!

In CodePen verwenden wir den Modus "Dual Repository" (einen Hauptrubin auf Rails -Anwendung, einen Microservice), und jetzt kann ich beide Repositories gleichzeitig öffnen:

Jetzt kann ich in zwei Projekten suchen und es im Grunde genommen als großes Projekt behandeln.

Wenn Sie dies zum ersten Mal tun und dann das VS -Codefenster schließen, wird gefragt, ob Sie einen "Arbeitsbereich" speichern möchten. Ich habe schon immer ein wenig Ärger gefühlt und dachte, sie würde eine Datei erstellen, und ich habe keinen richtigen Ort, um solche Dateien zu speichern (ich vermeide es, sie in ein Repository zu setzen, weil ich mein System nicht aufzwingen möchte).

Schließlich überwinde ich meine Faulheit und erstelle einen lokalen Ordner, um alle .code-workspace -Dateien zu speichern. Diese Dateien sind sehr nützlich, ich kann sie zum Dock hinzufügen und den Arbeitsbereich öffnen, den ich mit einem Klick eingerichtet habe.

Benutzerdefiniertes Arbeitsbereichsymbol

Arbeitsbereichdateien haben spezielle Symbole:

Da ich diese Dateien in das Dock eingebaut habe, dachte ich daran, benutzerdefinierte Symbole für sie zu erstellen! Dadurch wird meine Arbeitsbereiche auf einen Blick klar und bequemer zu bedienen, da ich sie möglicherweise mehrmals am Tag öffne.

Ich nahm das SVG -Logo aus dem ursprünglichen Symbol und stellte es in die untere rechte Ecke meines Projektlogos.

Das Ändern des Logos auf MacOS ist sehr einfach: Klicken Sie einfach mit der rechten Maustaste auf die Datei, wählen Sie "Einführung anzeigen", klicken Sie dann auf das Logo im Panel und fügen Sie ein neues Bild ein.

Jetzt kann ich sie im Dock speichern und alle Projekte mit einem Klick öffnen:

Starten Sie den Terminalbefehl beim Öffnen des Projekts

Jetzt, da ich diese praktischen Ein-Klick-Projekt-Eröffnungs-Ikonen habe, dachte ich: „Es wäre cool, wenn es auch den Project Startup-Befehl starten könnte!“. Dafür sind die Aufgaben natürlich und es ist nicht schwer zu errichten (danke Andrew!). In der Datei .vscode/tasks.json habe ich Folgendes hinzugefügt:

 {
  "Version": "2.0.0",
  "Aufgaben": [
    {
      "Label": "Gulp run",
      "Typ": "Shell",
      "Befehl": "Gulp",
      "Aufgabe": "Standard",
      "Präsentation": {
        "Fokus": Falsch,
        "Panel": "Shared",
        "Showreusemessage": wahr,
        "klar": wahr
      },
      "Runoptionen": {{
        "Runon": "OrdnerOpen"
      }
    }
  ]
}

Immer wenn ich diesen Arbeitsbereich öffne, startet er den gulp -Befehl für mich. Ich denke, Sie müssen die Aufgabe manuell ausführen (Terminal → die Aufgabe ausführen), damit sie die richtigen Berechtigungen hat und dann funktioniert sie einwandfrei.

Einstellungen überschreiben

Ich denke nicht, dass dies nur eine arbeitspreisspezifische Funktion ist, aber ich mag es, die VS-Code-Einstellungen im Projektordner mit der Datei .vscode/settings.json zu überschreiben.

Zum Beispiel habe ich in CSS-Tricks ein sehr einfaches SASS-Setup, bei dem Gulp-Preprozesse .scss zu .css . Das ist in Ordnung, aber ich könnte nach Selektoren suchen. Ich muss es nicht in .css sehen, weil ich nie native CSS verwende. Ich kann dies der Einstellungsdatei hinzufügen und wissen, dass es nur für dieses Projekt funktioniert, nicht für alle Projekte:

 {
  "Search.Exclude": {
    "**/*. CSS": Richtig,
  }
} 

Das obige ist der detaillierte Inhalt vonEinige kleine Verbesserungen an meinem VS -Code -Workflow (Arbeitsbereiche, Symbole, Aufgaben). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!