VS Code · Settings

A personal workspace setup for frontend development.

Use the settings · Snippets · Extensions

---

Editor preferences, extension recommendations, and snippets used by pagyew.

Inside

File	Contents
.vscode/settings.json	Appearance, editor behavior, ESLint, Git, and file nesting
.vscode/extensions.json	Recommended extensions
.vscode/snippets/log.code-snippets	Console helpers
.vscode/snippets/vue.code-snippets	Vue and TypeScript snippets

The visual setup uses Vitesse themes, Catppuccin file icons, and Carbon product icons. Font preferences include Input / JetBrains Mono and MesloLGM Nerd Font for the terminal; install those separately or choose your own fonts.

Use the settings

1. Open the files above and merge the settings you want into your existing VS Code configuration.
2. Put settings marked Global into User Settings. window.nativeTabs is specific to macOS.
3. For project settings, merge values into that project's .vscode/settings.json.
4. Review extension recommendations before installing them.
5. Copy the snippet files into your user snippets directory or directly into the project's .vscode/ directory. VS Code does not load project snippets from this repository's nested .vscode/snippets/ folder automatically.

These are personal preferences. In particular, the configuration disables several confirmations and Prettier integration, so review it before replacing an existing setup.

Snippets

Prefix	Expands to
clt	Log text
clp	Log a variable in an object
clr	Log a reference value
cls	Log JSON-stringified data
cdr	console.dir
ctr	Table or group helper; both use this prefix
vcom	Vue computed
vsfc	Vue single-file component with TypeScript and CSS modules
vstr	Store access declaration

License

MIT. See the license file for the original copyright notice.