I am using Visual Studio code since 2018 and this time I created lots of projects with this code editor. VS Code is my favorite code editor. It's fast and flexible. no matter which operating system I am using VS code is my go-to editor. Over a long period of time, I needed lots of modifications, I changed the look, features, extensions as well as theme. No theme is perfect for my personalization, so I customized a theme in my way. Also, I like to customize extension features. So every time why I set up a new work environment I need to do it manually. So, I uploaded all settings here. So I can do this fast. You can use any one of them.
{
"editor.fontFamily": "Operator Mono, Fira Code",
"editor.fontSize": 20,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"editor.cursorSmoothCaretAnimation": true,
"editor.cursorBlinking": "expand",
"editor.formatOnSave": true,
"editor.formatOnPaste": true,
"editor.formatOnType": true,
"workbench.colorCustomizations": {
"editorGroupHeader.tabsBackground": "#2c2c54",
"activityBar.background": "#2c2c54",
"sideBar.background": "#141422",
"minimap.background": "#141422",
"tab.activeBackground": "#706fd3",
"tab.inactiveBackground": "#191846",
"terminal.border": "#2c2c54",
"terminal.background": "#2c2c54",
"statusBar.background": "#474787",
"scrollbarSlider.background": "#474787",
"scrollbarSlider.hoverBackground": "#706fd3"
},
"editor.tokenColorCustomizations": {
"comments": "#95afc0"
},
"editor.linkedEditing": true,
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true,
"editor.guides.bracketPairsHorizontal": true,
"editor.hover.enabled": false,
"window.zoomLevel": 1,
// Live Server
"liveServer.settings.CustomBrowser": "chrome:PrivateMode",
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.donotVerifyTags": true,
// Live SASS Compiler
"liveSassCompile.settings.formats": [
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "/css"
}
],
"liveSassCompile.settings.generateMap": false,
// VS Code Theme Customization
"workbench.iconTheme": "material-icon-theme",
"workbench.colorTheme": "Andromeda",
"workbench.editor.enablePreview": false,
"terminal.integrated.defaultProfile.windows": "Git Bash",
"terminal.integrated.fontSize": 20,
"diffEditor.wordWrap": "on",
"security.workspace.trust.untrustedFiles": "open"
// "files.autoSave": "afterDelay",
// "files.autoSaveDelay": 10,
// Prettier Config
"prettier.proseWrap": "always",
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
"editor.defaultFormatter": "esbenp.prettier-vscode",
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
// Screencast Mode
"screencastMode.onlyKeyboardShortcuts": true,
"screencastMode.mouseIndicatorColor": "#f1c40f",
"screencastMode.verticalOffset": 0,
}
- Auto Close Tag
- Auto Rename Tag
- Debugger for Chrome
- indent-rainbow
- HTML CSS Support
- JavaScript (ES6) code snippets
- Live Server
- Live Sass Compiler
- Material Icon Theme
- Prettier - Code formatter
- WordPress Snippets
- Simple React Snippets
- Tailwind CSS IntelliSense
- Andromeda 👈
- Dracula Official
- Night Owl
- Shades of Purple
- SynthWave '84
- Ayu (Theme)
| Keyboard Shortcuts | Windows / Linux | Mac |
|---|---|---|
| HTML boilerplate | ! + TAB | ! + TAB |
| Open the palette to search for a file | Ctrl + P | cmd + P |
| Add cursors to all matching selections | Ctrl + Shift + L | cmd + Shift + L |
| Undo | Ctrl + U | cmd + U |
| Select Current Line | Ctrl + L | cmd + L |
| Zen Mode | Ctrl + K Z | cmd + K Z |
| Toggle Sidebar | Ctrl + B | cmd + B |
| Search Global Files | Ctrl + Shift + F | Ctrl + Shift + F |
| Search on file | Ctrl + F | cmd + F |
| Find and Replace | Ctrl + H | cmd + H |
| Delete the previous Word | Ctrl + Backspace | cmd + Backspace |
| Move line up/Down | Alt + up/down arrow | option + up/down arrow |
| Add multiple cursors | Ctrl + Alt +up/down arrow | cmd + option + up/down arrow |
| Comment Line | Ctrl + / | cmd + / |
| Comment Line | Ctrl + K + Ctrl + C | cmd + K + cmd + C |
| Split View | Ctrl + \ | cmd + \ |
| Switch Between views | Ctrl +1, Ctrl + 2 .. | cmd + 1, cmd + 2 |
| Duplicate Line | Alt + Shift + up/down | option + Shift + up/down |
| Navigate to a specific line | Ctrl + g | cmd + G |
| Open Terminal | Ctrl + ` | cmd + ` |
| To Show suggestion | Ctrl + Space | cmd + space |
| To Close a TAB | Ctrl + W | cmd + W |
| To Close all TAB | Ctrl + Shift + W | cmd + Shift + W |