VS Code

Get started using VS Code with WSL
Remote Development Extension Pack installieren (sollte über GitHub synchronisiert werden)

Ubuntu in VS Code öffnen
Zwei Möglichkeiten:

• In der Konsole code . eingeben. Das öffnet automatisch das aktuelle Verzeichnis mit VS Code.
• VS Code öffnen und links unten auf das Icon Remotefenster öffnen klicken, dann Herstellung einer Verbindung mit WSL wählen -> das öffnet eine Remotesitzung mit der aktuellen Distro (wenn mehrere Distributionen zur Auswahl stehen, dann Verbindung mit WSL über Distribution herstellen … und dann die gewünschte Distro auswählen)
• anschließend einen Ordner auswählen
• (unklar: wie krieg ich meine Peacock-Farben? Aus der settings.json?)

Erweiterungen werden gesplittet: lokal und wsl. Wann, wie, warum steht in der Doku

Settings

Im Ordner pingubib > .vscode liegen zwei Dateien:

• mySnippets.code-snippets
• settings.json

# mySnippets.code-snippets
{
  // Place your pingubib workspace snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
  // Placeholders with the same ids are connected.
  // Example:
  // "Print to console": {
  //   "scope": "javascript,typescript",
  //   "prefix": "log",
  //   "body": [
  //     "console.log('$1');",
  //     "$2"
  //   ],
  //   "description": "Log output to console"
  "Custom Code Tag": {
    "prefix": "customcode",
    "body": [
      "<Code lang=\"$1\" code={\n`$2`\n} />"
    ],
    "description": "Code-Tag mit zwei Tab-Stops"
  },
  "Codeblocks ": {
    "prefix": "codeblock",
    "body": [
      "```js\n// $1\n```"
    ],
    "description": "Codeblock für Astro"
  }
}

settings.json

{
  "workbench.colorCustomizations": {
    "activityBar.activeBackground": "#e4647d",
    "activityBar.activeBorder": "#76e35c",
    "activityBar.background": "#e4647d",
    "activityBar.foreground": "#15202b",
    "activityBar.inactiveForeground": "#15202b99",
    "activityBarBadge.background": "#76e35c",
    "activityBarBadge.foreground": "#15202b",
    "sash.hoverBorder": "#e4647d",
    "statusBar.background": "#dc3958",
    "statusBar.foreground": "#e7e7e7",
    "statusBarItem.hoverBackground": "#e4647d",
    "statusBarItem.remoteBackground": "#dc3958",
    "statusBarItem.remoteForeground": "#e7e7e7",
    "titleBar.activeBackground": "#dc3958",
    "titleBar.activeForeground": "#e7e7e7",
    "titleBar.inactiveBackground": "#dc395899",
    "titleBar.inactiveForeground": "#e7e7e799",
    "commandCenter.border": "#e7e7e799"
  },
  "peacock.remoteColor": "#DC3958",
  "chat.commandCenter.enabled": false,
}