Skip to content

Instantly share code, notes, and snippets.

@kevin-wynn
Last active August 2, 2021 16:54
Show Gist options
  • Save kevin-wynn/19f71a484a136668db41ca200a8895ae to your computer and use it in GitHub Desktop.
Save kevin-wynn/19f71a484a136668db41ca200a8895ae to your computer and use it in GitHub Desktop.
vscode editor set up

Set up your editor like mine

We're talking vscode here cause any other editor just aint cuttin it for us.

Install the theme

cmd+p in vscode ext install eserozvataf.one-dark-pro-monokai-darker

On that monokai darker life

Install the fonts

FiraCodeiScript

Download this and install the TTF files

Set up vscode editor config

The following code snippet will allow ligatures, set up the theme colors, and also define what all aspects will be italic (or cursive in this case)

$HOME/Library/Application Support/Code/User/settings.json Edit your settings.json file to add:

"editor.fontLigatures": false,
"workbench.colorTheme": "One Dark Pro Monokai Darker",
"editor.fontFamily": "Fira Code iScript",
"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": [
        //following will be in italic (=FlottFlott)
        "comment",
        "entity.name.type.class", //class names
        "keyword", //import, export, return…
        "constant", //String, Number, Boolean…, this, super
        "storage.modifier", //static keyword
        "storage.type.class.js", //class keyword
      ],
      "settings": {
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        //following will be excluded from italics (VSCode has some defaults for italics)
        "invalid",
        "keyword.operator",
        "constant.numeric.css",
        "keyword.other.unit.px.css",
        "constant.numeric.decimal.js",
        "constant.numeric.json"
      ],
      "settings": {
        "fontStyle": ""
      }
    }
  ]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment