A Visual Studio Code egy kiváló szabad kódszerkesztő, és tényleg hónapról hónapra jobb lesz. A saját repójából telepítjük.

Célszerű beállítások

Szerkesszük a beállításokat (ctrl+, vagy közvetlenül a ~/.config/Code/User/settings.json fájl), mindegyik sor magáért beszél:

{
    "editor.fontSize": 16,
    "editor.lineHeight": 26,
    "editor.minimap.enabled": false,
    "editor.renderWhitespace": "boundary",
    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": "active",
    "files.autoSave": "onFocusChange",
    "files.trimTrailingWhitespace": true,
    "git.enableSmartCommit": true,
    "telemetry.telemetryLevel": "off",
    "update.mode": "none",
    "[markdown]": {
        "editor.rulers": [80],
        "editor.wordWrap": "wordWrapColumn",
        "editor.wordWrapColumn": 80
    }
}

Hasznos kiterjesztések

A kiterjesztések parancssorból is kezelhetők:

$ code --list-extensions
$ code --install-extension yzhang.markdown-all-in-one

Az alábbiak nyelvtől függetlenül jól jönnek:

Markdown:

Egyéb:

Témák

A default Dark+ is tökéletesen megfelel. Változtatás: ctrl + k + t

  • Cobalt2. Official theme by Wes Bos.
  • Dracula Official. A dark theme for many editors, shells, and more.
  • One Monokai. A cross between Monokai and One Dark theme by Joshua Azemoh.

Billentyűkombók

Lásd ezt az áttekintést. Az editor alapvető billentyűkombói megegyeznek a PHPStorméival, ha az IntelliJ IDEA Keybindings kiterjesztést használjuk. Egyéb:

  • ctrl + e: open recent folder
  • ctrl + b: toggle sidebar
  • ctrl + j: toggle panel
  • ctrl + shift + f: find in files

Emmet

Beépített Emmet rövidítések html, xml, css, scss fájlokhoz. Bővebben lásd:

Dev containers

The Visual Studio Code Remote Development extension lets you use a Docker container as a full-featured development environment.