laravel/nova-devtool
Nova Devtool streamlines Laravel Nova component development with a Workbench-based Nova setup, one-command installs for common frontend deps, and easy toggles to enable/disable Vue DevTools in Nova’s compiled assets.

You can install the Nova tool via Composer:
composer require --dev laravel/nova-devtool
Once installed, you can run the following to update NPM's package.json:
npm install --save-dev @laravel/nova-devtool
Laravel Nova Devtool can setup a basic Laravel Nova installation using workbench directory via Orchestra Workbench. To start the installation you can run the following command:
php vendor/bin/testbench nova:devtool setup
Once the installation is completed, you should be able to serve Laravel Nova by running the following command:
composer run serve
Instead of manually logging-in the user, you may also change testbench.yaml to automatically authenticate the user:
workbench:
start: /nova
+ user: nova@laravel.com
build:
To simplify the installation, you can run the following command:
php vendor/bin/testbench nova:devtool install
By default, Laravel Nova ship with JavaScript compiled for production without Vue DevTool. In order to enable Vue DevTool, you need to run the following command:
php vendor/bin/testbench nova:devtool enable-vue-devtool
To reverse the above action, you need to run the following command:
php vendor/bin/testbench nova:devtool disable-vue-devtool
Nova Devtool ships with a generic nova.mix.js instead of publishing the file on each 3rd-party components. For external 3rd-party component you just need to include change the following code in webpack.mix.js:
let mix = require('laravel-mix')
-require('./nova.mix')
+mix.extend('nova', new require('laravel-nova-devtool'))
mix
.setPublicPath('dist')
// ...
Finally, you can remove the existing nova.mix.js from the component root directory.
How can I help you explore Laravel packages today?