Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mooxphp/vscode

VS Code Extensions for TallUI and the Tall-Stack: PHP, Laravel, Livewire, Tailwind and AlpineJS
https://github.com/mooxphp/vscode

alpinejs laravel laravel-livewire livewire php tailwindcss tall-stack vscode-extensionpack vscode-extensions

Last synced: 3 months ago
JSON representation

VS Code Extensions for TallUI and the Tall-Stack: PHP, Laravel, Livewire, Tailwind and AlpineJS

Host: GitHub
URL: https://github.com/mooxphp/vscode
Owner: mooxphp
License: mit
Created: 2021-03-12T13:12:57.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2024-02-06T12:07:54.000Z (11 months ago)
Last Synced: 2024-10-01T09:23:23.280Z (3 months ago)
Topics: alpinejs, laravel, laravel-livewire, livewire, php, tailwindcss, tall-stack, vscode-extensionpack, vscode-extensions
Homepage: https://marketplace.visualstudio.com/items?itemName=adrolli.tallui-laravel-livewire-tailwind
Size: 97.7 KB
Stars: 11
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE

Awesome Lists containing this project

README

        




    



# VScode Extensions

VS Code Extensions for [Moox](https://moox.org). 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](https://marketplace.visualstudio.com/items?itemName=adrolli.tallui-laravel-livewire-tailwind)

## PHP

- [PHP Intelephense](https://marketplace.visualstudio.com/items?itemName=bmewburn.vscode-intelephense-client) _{^{bmewburn.vscode-intelephense-client}}

- [PHP Debug](https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug) _{^{felixfbecker.php-debug}}

- [PHP Namespace Resolver](https://marketplace.visualstudio.com/items?itemName=MehediDracula.php-namespace-resolver) _{^{MehediDracula.php-namespace-resolver}}

- [PHP Getters & Setters](https://marketplace.visualstudio.com/items?itemName=phproberto.vscode-php-getters-setters) _{^{phproberto.vscode-php-getters-setters}}

- [PHP Constructor](https://marketplace.visualstudio.com/items?itemName=MehediDracula.php-constructor) _{^{MehediDracula.php-constructor}}

- [PHP DocBlocker](https://marketplace.visualstudio.com/items?itemName=neilbrayfield.php-docblocker) _{^{neilbrayfield.php-docblocker}}

- [PHP Files](https://marketplace.visualstudio.com/items?itemName=sevavietl.php-files) _{^{sevavietl.php-files}}

- [PHP Sniffer & Beautifier](https://marketplace.visualstudio.com/items?itemName=ValeryanM.vscode-phpsab) _{^{ValeryanM.vscode-phpsab}}

- [Composer](https://marketplace.visualstudio.com/items?itemName=ikappas.composer) _{^{ikappas.composer}}

- [PHPStan](https://marketplace.visualstudio.com/items?itemName=swordev.phpstan) _{^{swordev.phpstan}}

- [Pest Snippets](https://marketplace.visualstudio.com/items?itemName=dansysanalyst.pest-snippets) _{^{dansysanalyst.pest-snippets}}

## Laravel

- [Laravel Extra Intellisense](https://marketplace.visualstudio.com/items?itemName=) _{^{amiralizadeh9480.laravel-extra-intellisense}}

- [Laravel Artisan](https://marketplace.visualstudio.com/items?itemName=ryannaddy.laravel-artisan) _{^{ryannaddy.laravel-artisan}}

- [Laravel Blade Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade) _{^{onecentlin.laravel-blade}}

- [Laravel Snippets](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel5-snippets) _{^{onecentlin.laravel5-snippets}}

- [Laravel Blade formatter](https://marketplace.visualstudio.com/items?itemName=shufo.vscode-blade-formatter) _{^{shufo.vscode-blade-formatter}}

- [Laravel goto view](https://marketplace.visualstudio.com/items?itemName=codingyu.laravel-goto-view) _{^{codingyu.laravel-goto-view}}

- [laravel-goto-controller](https://marketplace.visualstudio.com/items?itemName=stef-k.laravel-goto-controller) _{^{stef-k.laravel-goto-controller}}

- [Laravel Model Snippets](https://marketplace.visualstudio.com/items?itemName=ahinkle.laravel-model-snippets) _{^{ahinkle.laravel-model-snippets}}

- [Laravel Docs](https://marketplace.visualstudio.com/items?itemName=austenc.laravel-docs) _{^{austenc.laravel-docs}}

- [Laravel Pint](https://marketplace.visualstudio.com/items?itemName=open-southeners.laravel-pint) _{^{open-southeners.laravel-pint}}

## AlpineJS

- [Alpine.js IntelliSense](https://marketplace.visualstudio.com/items?itemName=adrianwilczynski.alpine-js-intellisense) _{^{adrianwilczynski.alpine-js-intellisense}}

## Laravel Livewire

- [Livewire Language Support](https://marketplace.visualstudio.com/items?itemName=cierra.livewire-vscode) _{^{cierra.livewire-vscode}}

- [Livewire Docs](https://marketplace.visualstudio.com/items?itemName=austenc.livewire-docs) _{^{austenc.livewire-docs}}

- [Livewire Switcher](https://marketplace.visualstudio.com/items?itemName=bebo925.livewire-switcher) _{^{bebo925.livewire-switcher}}

## TailwindCSS

- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) _{^{bradlc.vscode-tailwindcss}}

- [Tailwind Shades](https://marketplace.visualstudio.com/items?itemName=bourhaouta.tailwindshades) _{^{bourhaouta.tailwindshades}}

- [Tailwind Docs](https://marketplace.visualstudio.com/items?itemName=austenc.tailwind-docs) _{^{austenc.tailwind-docs}}

- [Headwind](https://marketplace.visualstudio.com/items?itemName=heybourn.headwind) _{^{heybourn.headwind}}

## Productivity

- [advanced-new-file](https://marketplace.visualstudio.com/items?itemName=patbenatar.advanced-new-file) _{^{patbenatar.advanced-new-file}}

- [DotENV](https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv) _{^{mikestead.dotenv}}

- [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) _{^{shd101wyy.markdown-preview-enhanced}}

- [GitLens - Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) _{^{eamodio.gitlens}}

- [Save and run](https://marketplace.visualstudio.com/items?itemName=wk-j.save-and-run) _{^{wk-j.save-and-run}}

- [Colorize](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize) _{^{kamikillerto.vscode-colorize}}

## Code Quality

- [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) _{^{editorconfig.editorconfig}}

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) _{^{dbaeumer.vscode-eslint}}

- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) _{^{esbenp.prettier-vscode}}

## VSCode Settings

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

```json

{

  "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](https://marketplace.visualstudio.com/items?itemName=kokororin.vscode-phpfmt) _{^{kokororin.vscode-phpfmt}}

- [PHP Symbols](https://marketplace.visualstudio.com/items?itemName=linyang95.php-symbols) _{^{linyang95.php-symbols}}

**Removed in 1.0.7, not PHP 8 compatible**

- [phpfmt - PHP formatter](https://marketplace.visualstudio.com/items?itemName=kokororin.vscode-phpfmt) _{^{kokororin.vscode-phpfmt}}

**Removed in 1.0.7, replaced by PHPStan**

- [Psalm (PHP Static Analysis Linting Machine)](https://marketplace.visualstudio.com/items?itemName=getpsalm.psalm-vscode-plugin) _{^{getpsalm.psalm-vscode-plugin}}

**Removed in 1.0.6, deprecated, not replaced by Live Preview**

- [Browser Preview](https://marketplace.visualstudio.com/items?itemName=auchenberg.vscode-browser-preview) _{^{auchenberg.vscode-browser-preview}}

**Use Docker and Laravel Sail**

- [Docker](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker) _{^{ms-azuretools.vscode-docker}}

**Just for fiddling some code without starting Laravel Sail:**

- [PHP Server](https://marketplace.visualstudio.com/items?itemName=brapifra.phpserver) _{^{brapifra.phpserver}}

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

- [MySQL](https://marketplace.visualstudio.com/items?itemName=cweijan.vscode-mysql-client2) _{^{cweijan.vscode-mysql-client2}}

- [SQLTools](https://marketplace.visualstudio.com/items?itemName=mtxr.sqltools) _{^{mtxr.sqltools}}

- [SQLTools MySQL/MariaDB](https://marketplace.visualstudio.com/items?itemName=mtxr.sqltools-driver-mysql) _{^{mtxr.sqltools-driver-mysql}}

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

- [Remote - Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) _{^{ms-vscode-remote.remote-containers}}

- [Remote - SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) _{^{ms-vscode-remote.remote-ssh}}

- [Remote - SSH: Editing Configuration Files](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh-edit) _{^{ms-vscode-remote.remote-ssh-edit}}

- [Remote - WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) _{^{ms-vscode-remote.remote-wsl}}

**If your run with Apache**

- [Apache](https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-apache) _{^{mrmlnc.vscode-apache}}

- [Apacheconf Snippets](https://marketplace.visualstudio.com/items?itemName=eiminsasete.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.

```markdown

- [name](url) _^slug

```

## Other interesting packages

- [Laravel Extension Pack](https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-extension-pack) _{^{onecentlin.laravel-extension-pack}}

- [PHP Productive Pack](https://marketplace.visualstudio.com/items?itemName=onecentlin.php-productive-pack) _{^{onecentlin.php-productive-pack}}

- [TALL Stack](https://marketplace.visualstudio.com/items?itemName=entexa.tall-stack) _{^{entexa.tall-stack}}