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](https://github.com/mooxphp/vscode/blob/HEAD/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}}