Vue Devtools

[aldoemir]

By default the Vue environment is in production mode, is there a way to change it to development mode to enable devtools?

[suraj-webkul]

Hello, @aldoemir

By default, Vue is in production mode when you use a build. This disables devtools for performance reasons. To enable Vue devtools in a specific environment like the admin package, you need to run the app in development mode. Here's how you can do it:

1. Navigate to the specific package directory where you want to enable devtools:

   cd packages/Webkul/Admin/

2. Install dependencies and run the development server:

   npm install && npm run dev

3. Refresh your page in the browser.

4. Access Vue devtools:

   • Open developer tools using F12 or Ctrl + Shift + I.
   • Go to the Vue tab to inspect components and state.

Let me know if this resolves the issue or if further debugging is needed! 😊

Thanks and regards,
Suraj, Webkul