Developer Experience Enhancer/Management Essentials Extension Pack for Visual Studio Code (EPack)
Activate Frontend Essentials Extension Pack (FPack) ConfigDeactivate Frontend Essentials Extension Pack (FPack) Config
Note: to run commands, press ctrl+shift+p to open the command palette, and then type the command .e.g. activate epack then select it.
Here are the configurations this plugin will set for you
{
"files.autoSave": "afterDelay",
"window.zoomLevel": 1,
"editor.wordWrap": "on",
"workbench.editor.labelFormat": "short",
"explorer.compactFolders": false,
"editor.guides.bracketPairs": true,
"editor.mouseWheelZoom": true,
"projectManager.openInNewWindowWhenClickingInStatusBar": true,
"errorLens.gutterIconsEnabled": false,
"errorLens.statusBarColorsEnabled": true,
"errorLens.statusBarMessageEnabled": true,
"errorLens.statusBarMessageType": "closestSeverity",
"errorLens.followCursor": "closestProblem",
"errorLens.scrollbarHackEnabled": true,
"errorLens.fontStyleItalic": true,
"errorLens.messageBackgroundMode": "message",
"workbench.colorCustomizations": {
"editorInfo.foreground": "#0080ff6a"
}
}-
1- Project Manager - Easily switch between projects.
-
2- Better Comments - Improve your code commenting by annotating with alert, informational, TODOs, and more!
-
3- Markdown Preview Enhanced - Markdown Preview Enhanced ported to vscode.
-
4- file-size - Show the current text file size in the status bar.
-
5- Error Lens - Improve highlighting of errors, warnings and other language diagnostics.
-
5- Path Intellisense - Visual Studio Code plugin that auto-completes filenames
Note Bracket Pair Colorizer is now supported by vscode itself(just should be enabled, which we will do this for you by this extension), so there is no need to add the extra extension.
ZPack is An Opinionated collection of the best and most used extensions for Web Developers in VSCode which has Better Developer Experience(DX) and load time in Mind.
Enjoy!