Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>my-vscode-settingNew to Visual Studio Code? Get it now.
my-vscode-setting

my-vscode-setting

PhanTriVietHoang

|
2 installs
| (0) | Free
My VSCode Setting
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

My VS Code Setting

A personalized, clean, and distraction-free VS Code configuration bundle with a custom dark theme, icon sets, opinionated editor defaults, and workflow snippets.

Features

  • Theme & Icons
    • Color Theme: CANARY theme (Minimalist Dark Theme)
    • File Icon Theme: CANARY Icon
    • Product Icon Theme: Icons Carbon
  • Distraction-free Editor Settings
    • Clean UI with hidden sidebars/bars, compact tabs, and smooth scrolling.
    • Pre-configured font and formatting rules for PHP/Laravel, Vue, React, TypeScript, and CSS.
  • Custom Keybindings (Vim)
    • Pre-configured normal & visual mode shortcuts with <Space> leader key.
  • Snippets
    • Built-in snippets for PHP/Laravel, Blade, Vue, React, and CSS.

Getting Started

  1. Install the extension.
  2. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P):
    • Select Preferences: Color Theme → CANARY theme
    • Select Preferences: File Icon Theme → CANARY Icon
    • Select Preferences: Product Icon Theme → Icons Carbon

Recommended Fonts & Extensions

  • Fonts: Dank Mono or JetBrains Mono
  • Vim: vscodevim.vim
  • Formatter: esbenp.prettier-vscode

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft