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