I recommend looking at the list of included extensions and manually installing whichever seem useful for your project. Along with Laravel Artisan, it includes several extensions for snippets and blade support. Laravel Extension Pack is a package of several extensions which are useful for Laravel development. While you can easily run these tasks manually in the terminal, I prefer the convenience of using hotkeys rather than switching to the terminal and running a sail command.vscode/settings.json Laravel Extension Pack Now that Sail is up and running, we can configure the default Tasks for running Vite. As long as Vite is still running, you should see your changes instantly in the browser. For example, change 'Confirm Password' to 'Re-type Password'. While the Register page is open, go to the file resources/js/Pages/Auth/Register.vue and make a small change. Make sure you can also access the routes that were added by Breeze like /register and /login. Vite should automatically restart after saving the files above, giving you a new link which should open now. To fix this, manually configure the host for HMR in. When using Sail, Vite will try to serve assets from 0.0.0.0, which will not resolve outside of the Docker containers.env file to I prefer the latter approach. You can either edit the hosts file to point APP_URL to 127.0.0.1, or you can change the APP_URL setting in your. The default APP_URL will not be accessible because Windows cannot resolve it.Laravel ViteĪs of the time I am writing this, there are two issues that aren't addressed in the official documentation for Sail users on Windows. You should see some output in the console with links to where the site is running (Ctrl+click to open).

The final command above will start the Vite development server which serves up all of the client side assets. Installing Laravel Breeze using the WSL terminal in VS Code $ sail composer require laravel/breeze -dev Note that you can now use the WSL terminal in VS Code! Open the terminal with Ctrl+`. Breeze will also configure Hot Module Reloading (HMR) which is critical for rapid front-end development.

Laravel Breeze will scaffold up a basic application with authentication and and user dashboard, plus it will install a front-end framework (I am using Vue.js in this example). This is an optional step which I am including in order to have a more fully-fledged project to work with.

Visual studio code format laravel blade