VScode Extensions

VS Code Extensions for Moox. A perfect fit for devs using the TALL-Stack - TailwindCSS, AlpineJS, Laravel and Livewire. Includes the most useful PHP Extensions, Laravel Pint, PHPStan and selected helpers and linters for all-things Laravel including Markdown.

View and install on VS Marketplace

PHP

PHP Intelephense _{^{bmewburn.vscode-intelephense-client}}
PHP Debug _{^{felixfbecker.php-debug}}
PHP Namespace Resolver _{^{MehediDracula.php-namespace-resolver}}
PHP Getters & Setters _{^{phproberto.vscode-php-getters-setters}}
PHP Constructor _{^{MehediDracula.php-constructor}}
PHP DocBlocker _{^{neilbrayfield.php-docblocker}}
PHP Files _{^{sevavietl.php-files}}
PHP Sniffer & Beautifier _{^{ValeryanM.vscode-phpsab}}
Composer _{^{ikappas.composer}}
PHPStan _{^{swordev.phpstan}}
Pest Snippets _{^{dansysanalyst.pest-snippets}}

Laravel

Laravel Extra Intellisense _{^{amiralizadeh9480.laravel-extra-intellisense}}
Laravel Artisan _{^{ryannaddy.laravel-artisan}}
Laravel Blade Snippets _{^{onecentlin.laravel-blade}}
Laravel Snippets _{^{onecentlin.laravel5-snippets}}
Laravel Blade formatter _{^{shufo.vscode-blade-formatter}}
Laravel goto view _{^{codingyu.laravel-goto-view}}
laravel-goto-controller _{^{stef-k.laravel-goto-controller}}
Laravel Model Snippets _{^{ahinkle.laravel-model-snippets}}
Laravel Docs _{^{austenc.laravel-docs}}
Laravel Pint _{^{open-southeners.laravel-pint}}

AlpineJS

Alpine.js IntelliSense _{^{adrianwilczynski.alpine-js-intellisense}}

Laravel Livewire

Livewire Language Support _{^{cierra.livewire-vscode}}
Livewire Docs _{^{austenc.livewire-docs}}
Livewire Switcher _{^{bebo925.livewire-switcher}}

TailwindCSS

Tailwind CSS IntelliSense _{^{bradlc.vscode-tailwindcss}}
Tailwind Shades _{^{bourhaouta.tailwindshades}}
Tailwind Docs _{^{austenc.tailwind-docs}}
Headwind _{^{heybourn.headwind}}

Productivity

advanced-new-file _{^{patbenatar.advanced-new-file}}
DotENV _{^{mikestead.dotenv}}
Markdown Preview Enhanced _{^{shd101wyy.markdown-preview-enhanced}}
GitLens - Git supercharged _{^{eamodio.gitlens}}
Save and run _{^{wk-j.save-and-run}}
Colorize _{^{kamikillerto.vscode-colorize}}

Code Quality

EditorConfig for VS Code _{^{editorconfig.editorconfig}}
ESLint _{^{dbaeumer.vscode-eslint}}
Prettier _{^{esbenp.prettier-vscode}}

VSCode Settings

Add these lines to your settings.json for code completion and emmet abbreviation:

{
  "emmet.syntaxProfiles": {
    "blade": "html"
  },
  "emmet.includeLanguages": {
    "blade": "html"
  },
  "[blade]": {
    "editor.autoClosingBrackets": "always"
  },

  "tailwindCSS.emmetCompletions": true,
  "emmet.triggerExpansionOnTab": true,
  "blade.format.enable": true,
  "editor.formatOnSave": true
}

Recommendations

These recommended Visual Studio Code Extensions are not in this package. Install them manually, if you want.

Removed in 1.0.7, replaced by Intelephense

phpfmt - PHP formatter _{^{kokororin.vscode-phpfmt}}
PHP Symbols _{^{linyang95.php-symbols}}

Removed in 1.0.7, not PHP 8 compatible

phpfmt - PHP formatter _{^{kokororin.vscode-phpfmt}}

Removed in 1.0.7, replaced by PHPStan

Psalm (PHP Static Analysis Linting Machine) _{^{getpsalm.psalm-vscode-plugin}}

Removed in 1.0.6, deprecated, not replaced by Live Preview

Browser Preview _{^{auchenberg.vscode-browser-preview}}

Use Docker and Laravel Sail

Docker _{^{ms-azuretools.vscode-docker}}

Just for fiddling some code without starting Laravel Sail:

PHP Server _{^{brapifra.phpserver}}

If you're using MySQL and don't want to leave VS Code:

MySQL _{^{cweijan.vscode-mysql-client2}}
SQLTools _{^{mtxr.sqltools}}
SQLTools MySQL/MariaDB _{^{mtxr.sqltools-driver-mysql}}

If you're working on Windows with WSL2 or SSH:

Remote - Containers _{^{ms-vscode-remote.remote-containers}}
Remote - SSH _{^{ms-vscode-remote.remote-ssh}}
Remote - SSH: Editing Configuration Files _{^{ms-vscode-remote.remote-ssh-edit}}
Remote - WSL _{^{ms-vscode-remote.remote-wsl}}

If your run with Apache

Apache _{^{mrmlnc.vscode-apache}}
Apacheconf Snippets _{^{eiminsasete.apacheconf-snippets}}

Suggestions

Do you have any suggestion? Use the following template to create a new entry in this README and make a PR.

- [name](url) <sub><sup>slug</sup></sub>

Other interesting packages

Laravel Extension Pack _{^{onecentlin.laravel-extension-pack}}
PHP Productive Pack _{^{onecentlin.php-productive-pack}}
TALL Stack _{^{entexa.tall-stack}}

mooxphp / vscode