Skip to content
Best4u documentation

VS Code

Required Extensions

Section titled “Required Extensions”

These extensions already have a configuration in the theme, so you don’t have to configure them yourself.

LSP

Section titled “LSP”
  • PHP Intelephense: Provides advanced PHP language features like code completion, go to definition, and more.

OR

  • phpactor: An alternative to Intelephense, providing similar features for PHP development, but fully free and open source 🎉.

Formatting

Section titled “Formatting”
  • EditorConfig for VS Code: Ensures consistent coding styles across different editors and IDEs.
  • Mago: Automatically formats and lints your PHP code according to the rules we use in our theme (mago.toml). Auto-discovers vendor/bin/mago.
  • Prettier: Formats your SCSS and HTML files only — Biome handles everything else.

Linting

Section titled “Linting”
  • Biome: Formats and lints your JavaScript, TypeScript, JSON and CSS files.

SCSS IntelliSense

Section titled “SCSS IntelliSense”
  • Some Sass: Provides workspace-wide completions, go-to-definition and hover for Sass symbols. Needed because the theme uses the @use module system — mixins and variables are only visible once a file has its own @use 'abstracts/mixins' as *; (see SCSS).
Section titled “Recommended Extensions”

The theme also comes with a list of recommended extensions. You can find this list in the .vscode/extensions.json file in the theme directory. These extensions are not required, but they can enhance your development experience.

You can view the list of recommended extensions by opening the command palette (Cmd+Shift+P or Ctrl+Shift+P) and typing “Extensions: Show Recommended Extensions”.