Cookunity Extension Pack

:computer:

Interesting tools and tweks using VS Code.

_{Shared by

Cookunity Engineering Team}

Shortcuts
Configs
Tips
Usefull Extension

Shortcuts

Standard Shortcuts

Key Combination	Action
CMD B	Open/Close the sidebar
CMD P	Open/Close the file switcher
CMD SHIFT P	Open/Close the command palette
`CTL + \`	Open/Close the terminal
CTL + J	Open/Close the panel
OPT + DOWN + ,	Move Line
OPT + SHIFT + DOWN + ,	Duplicate Line
OPT + CMD + K + ,	Duplicate Line
CTRL + -	Navigate back
CTRL + SHIFT + -	Navigate forward
CMD + /	Comment line
CMD + SHIFT + L	Add multiple cursors on every selected match
CMD + D	Add multiple cursors at a time (for skip, use CMD + K )
OPT + ENTER	Add multiple cursors when using find box
CMD + P + P	Switch file
CMD + 0	Switch to sidebar
CMD + 1	Switch editor
CTRL +	Open terminal
F2	Rename refactor
F8	Move between errors
F5	Open debugger
CMD .	Expand bulb options
CMD SHIFT B	Build process
SHIFT + CTL + Right Arrow	Extend selection

Custom Shortcuts

Key Combination	Action
OPT + CMD + ,	Open settings UI
OPT + B	Toggle Activity bar

Configs

Disable Minimap

Open Command Palette ( CMD + SHIFT + P on macOS, CTRL + SHIFT + P on Windows/Linux).
Type Preferences: Open Settings (UI) and select it.
Search for "Minimap" in the search bar.
Uncheck the checkbox for "Editor: Minimap" to disable the minimap.

Open Command Palette.
Type View: Toggle Side Bar Position and select it to toggle the sidebar position between left and right.

Disable Open Editors Visible

Go to Settings UI as before.
Search for "Open Editors".
Uncheck the checkbox for "Explorer: Open Editors Visible" to hide the Open Editors pane in the sidebar.

Settings Editor: JSON

To default to using the JSON editor for settings:

Open Command Palette.
Type Preferences: Open Settings (JSON) and select it. This will open your settings.json file directly in the future, you can navigate to Preferences: Open Settings (UI) and search for "workbench > settings: Editor" and select "json" from the dropdown.

Add OPT + CMD + , to Open Normal UI (Settings UI uses AI)

To create a custom keyboard shortcut for opening the Settings UI:

Open Command Palette.
Type Preferences: Open Keyboard Shortcuts (JSON) and select it.

Add the following JSON object to your keybindings file:

{
  "key": "opt+cmd+,",
  "command": "workbench.action.openSettings",
  "when": "settingsEditor:useSplitJSON !== true"
}

Save the file.

Disable the Breadcrumbs

Open Settings UI.
Search for "Breadcrumbs".
Uncheck the checkbox for "Breadcrumbs: Enabled" to disable the breadcrumbs feature.

Toggle Activity Bar OPT + B

To create a custom keyboard shortcut for toggling the Activity Bar:

Open Keyboard Shortcuts (JSON) as before.
Add the following JSON object to your keybindings file:

{
  "key": "opt+b",
  "command": "workbench.action.toggleActivityBarVisibility"
}

Save the file.

Tips

Search

When using the file switcher:

@ symbol browser
@: group symbols
#: search across files for symbol

You can use the VS CODE type check withot configure TS "js/ts.implicitProjectConfig.checkJs": true

Logpoints Console log statements from the editor alt text

exclude files from the editor

files.exclude

Region folding

This will collapse all the code between these tags

// # region Description
// # endregion

Launch config

Use launch config for debugging

Debugger auto-attach node --inspect index.js

Usefull Extension

Themes and Icons

Workspace Enhancement

Peacock

Code Versioning and Management

Development and Programming

Code Formatting and Linting

Prettier - Code formatter

Boosting VS Code Efficiency

Cookunity Engineering Team