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}}