Weave Code
Code Weaver
Helps Laravel developers discover, compare, and choose open-source packages. See popularity, security, maintainers, and scores at a glance to make better decisions.
Feedback
Share your thoughts, report bugs, or suggest improvements.
Subject
Message

Nova Devtool Laravel Package

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.

View on GitHub
Deep Wiki
Context7

Nova Devtool

Installation

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

Usage

Setup Laravel Nova Workbench

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

Automatically logged-in the default user

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:

Install Axios, Lodash, Tailwind CSS or Vue

To simplify the installation, you can run the following command:

php vendor/bin/testbench nova:devtool install

Enables Vue DevTool for Laravel Nova

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

Disables Vue DevTool for Laravel Nova

To reverse the above action, you need to run the following command:

php vendor/bin/testbench nova:devtool disable-vue-devtool

Upgrading from Nova 4

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.

Weaver

How can I help you explore Laravel packages today?

Conversation history is not saved when not logged in.
Prompt
Add packages to context
No packages found.
davejamesmiller/laravel-breadcrumbs
artisanry/parsedown
christhompsontldr/phpsdk
enqueue/dsn
bunny/bunny
enqueue/test
enqueue/null
enqueue/amqp-tools
milesj/emojibase
bower-asset/punycode
bower-asset/inputmask
bower-asset/jquery
bower-asset/yii2-pjax
laravel/nova
spatie/laravel-mailcoach
spatie/laravel-superseeder
laravel/liferaft
nst/json-test-suite
danielmiessler/sec-lists
jackalope/jackalope-transport