tsotneforester / vscodesetup

🔰 My VS Code Custom Setup, Chrome Extensiions and more 🔥

VS Code Custom Setup + Chrome Extensions

---

Theme 🎨

• I use Atom One Dark Theme as a started coding with atom. This is a free theme.

---

Settings 🛠

• Tab size - 2
• editor bracket pair colorization - EnableD
• editor guides Bracket pairs - true
• editor guides Bracket pairs horizontal - true
• word wrap - on
• Workbench > Editor: Preview (settings) - Disabled
• Default Formatter - Prettier
• Settings > Keyboard shortcuts - Emmet: Wrap with abbreviation (User Defined shift + alt + w )

---

Plugins 💻

• Prettier
• Better Comments
• live server
• Formatting Toggle
• JavaScript (ES6) code snippets
• Live Sass Compiler (requires node.js)
• auto rename tags
• SCSS IntelliSense
• HTML to CSS autocompletion
• glean - React component extraction

---

Shortcuts 📄

ctrl + shift + - open terminal in folder
ctrl + F4 > W - close all active windows
ctrl + P - open recent files quickly
ctrl + K > w - close all active tabs
ctrl + B - toggle file explorer
ctrl + D + D ... / ctrl + shift + L ... - select on selected word
shift + alt + W - wrap with abbreviation (User Defined)
shift + alt + A - wrap selected text with comment
ctrl + / - comment out line
alt + shft + arrow - copy line up or down
ctrl + tab - switch between opened pages
alt + ↑ / ↓ - move line up or down
ctrl + K > ctrl + 0 - fold all levels
ctrl + K > ctrl + [n] - fold [n] level
ctrl + K > ctrl + J - unfold all levels
ctrl + K > ctrl + ] - unfold current level
ctrl + P ... settings.json - search for settings.json

---

---

• ColorZilla
• CSSViewer
• Dark Reader
• daily.dev
• JSON Beautifier & Editor
• Pesticide
• Timer
• Web Developer