user image

β€Ί it's-a me! πŸ‚

‍ ‍ ‍‍ ‍ ‍ ‍ ‍ ‍ ‍‍ ‍ ‍‍ ‍ (㇏(β€’Μ€α΅₯α΅₯‒́)γƒŽ) ‍ ‍

bookmarks:
blandine television (november 2024)
evelyn movies (2024)
anna currently
gigi 2024 (tv)
rose knit & crochet (scheepjes organicon c2cjaygo)

ctrl + shift + p to open commands (enter 'pet' for pet commands)

‍ ‍ ‍ ‍ ‍

s e t t i n g s

‍ ‍‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ i have setting sync on so it should save it across devices! i also have a backup file for my 'profile' (settings and extensions).

  • search for "workbench color" and click edit json. in workbench.colorCustomizations add a code form this generator
  • set editor hover delay to 800
  • turn off editor insert spaces (i want tab indents)
  • turn off explorer decoration badges
  • turn off source control count badge
  • turn on cursor blinking (style: phase)
  • turn on cursor smooth caret animation
  • turn on file auto save after focus change
  • turn on minimap autohide
  • turn on smooth scrolling
  • turn off breadcrumbs OR turn off breadcrumbs: show fields
  • window title (default: ${dirty}${activeEditorShort}${separator}${rootName}${separator}${profileName}${separator}${appName})
  • zoom level (my current: 0.3)

‍ ‍ ‍ ‍‍ ‍ ‍ ‍ ‍ ‍ & right-click all things and hide anything you don't need. (& activate command center in top bar.)

‍ ‍ ‍ ‍ ‍

t h e m e s

‍ ‍ ‍ ‍‍ ‍ ‍ ‍ ‍ ‍ ⋆ = current

  • saturated dark+
  • subtle pink ⋆
  • vibrancy continued ⋆

‍ ‍ ‍ ‍ ‍

e x t e n s i o n s

formatting

  • format html in php
  • formatting toggle
  • prettier
    • file not formatting?: there is an error in the file. click the prettier button on the bottom right corner.
    • note: does not format php files (for that i have 'php intelephense') or html in php files (for that i have 'format html in php')

useful stuff

  • auto close tag
  • auto rename tag
  • edit csv
  • footsteps
    • settings: set highlight color max opacity to 0.1. change color.
  • highlight matching tag
  • leet-html (syntax highlighter for html in javascript)
  • open in default browser
  • rainbow csv
  • svg viewer
  • todo tree
    • settings: add 'todo' (lowercase) to tags, disable highlighting
  • vs code css comment
    • command: type 'comment-section' and press enter

intellisense (= code completion, parameter info, quick info, ...)

  • php intelephense
    • to use for formatting: right-click in a php file and 'format document'. it will ask which formatter to use, select php intelephense
  • python
  • scss intellisense

linter (= checks for errors)

  • php import checker
  • stylelint (for css, scss)
    • Installation: to do
  • eslint (for javascript)
    • Installation: 1. Download a config file from here 2. Put it into C:\Users\{USERNAME}. 3. In it, add "browser":true to the list of environments ("env" at the top of the file) and "sourceType":"module" to "parserOptions". 3. In VSCode do ctrl+shift+p "eslint restart server".
    • "Problems" Tab should show problems

misc.

  • alphabetical sorter
    • to use: ctrl + shift + p + 'sort'
  • vscode-pets
jul 20 2023 ∞
sep 4 2024 +