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
• 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