VS Code and Terminal Setup Overview

Personal Preferences

• Emphasizes practical and functional tools for development work.
• Aesthetic preference: simple, beautiful, and clean design.

VS Code Setup

• Most configurations come from Caleb Porzio's Make VS Code Awesome tutorial.
• 80%+ of settings sourced from the tutorial.

Theme and Font

• Current Theme: Catpuchin Frappe (Frappuccino theme).
• Terminal: Using Warp terminal with the same theme as VS Code for uniformity.
• Font: Dink Mono, used in both VS Code and Warp; slightly bigger in Warp.

Key Plugins and Customization

APC Customize UI++

• Plugin used for styling VS Code interface (borders, title bar, etc.).
• Changes settings using CSS for a cleaner look.
• Key modifications include:
  • Altered background and frame styles.
  • Unified font across sidebar and editor.

Additional Theme Settings

• Icon Theme: Catpuchin Icons.
• Previously used Natty theme, but switched to Catpuchin for better visual comfort.
• Visual Customization: Options for modifying cursor styles and editor layout.

Custom Keybindings and Functional Features

• Preferred sidebar on the right.
• Main commands:
  • Cmd + K, B: Switch to browser.
  • Cmd + K, X: Switch to extensions.
  • Cmd + T: Open integrated terminal.
• Emphasizes simplicity in editing with command to adjust font size and line spacing for focus.

Useful Extensions

• Tall Stack Plugin: Covers Laravel, Livewire, Tailwind, and Alpine.
• Headwind: Class sorting and IntelliSense for Laravel Blade.
• Laravel Blade Formatter: Best option for Blade formatting in VS Code.
• Tailwind Fold Plugin: Improves visibility of classes in the code editor.
• Super Maven: AI assistant for code suggestions; faster and more accurate than GitHub Copilot.
• Laravel Pint Plugin: Automatic document formatting on save according to Pint standards.

Learning Resources

• Caleb Porzio’s course is highly recommended for anyone working with PHP, Laravel, Livewire, and Alpine.
• Insight on using the Tall Stack plugin folder for Laravel development.

Conclusion

• Setup is optimized for simplicity, functionality, and aesthetics.
• Encourages ongoing creation and improvement in coding practices.