@vue/devtools
Advanced tools
This package provides a standalone vue-devtools application, that can be used to debug any Vue app regardless of the environment. Now you can debug your app opened in mobile browser, safari, native script etc. not just desktop chrome or firefox.
Install the package globally:
npm install -g @vue/devtools
Or locally as project dependency:
npm install --save-dev @vue/devtools
Once you installed the package globally, run:
vue-devtools
Then add:
<script src="http://localhost:8098"></script>
Or if you want to debug your device remotely:
<script>
window.__VUE_DEVTOOLS__HOST = '<your-local-ip>'
</script>
<script src="http://<your-local-ip>:8098"></script>
To the <head> section of your app.
(Don't forget to remove it before deploying to production!)
<your-local-ip> usually looks like this: 192.168.x.x.
Once you installed the package as project dependency, run:
./node_modules/.bin/vue-devtools
You can also use the global vue-devtools to start the app, but you might want to check if the local version matches the global one in this scenario to avoid any incompatibilities.
Then import it directly in your app:
import devtools from '@vue/devtools'
// import Vue from 'vue'
Make sure you import devtools before Vue, otherwise it might not work as expected.
And connect to host:
if (process.env.NODE_ENV === 'development') {
devtools.connect(/* host */)
}
host - is an optional argument that tells your application where devtools middleware server is running, if you debug you app on your computer you don't have to set this (the default is http://localhost), but if you want to debug your app on mobile devices, you might want to pass your local IP (e.g. 192.168.1.12).
npm install
npm run dev
This will watch src folder and compile files on change
npm start
This will open electron app with devtools
vue-remote-devtoolsFAQs
> This package provides a standalone vue-devtools application, that can be used to debug any Vue app regardless of the environment. Now you can debug your app opened in mobile browser, safari, native script etc. not just desktop chrome or firefox.
We found that @vue/devtools demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Malicious PyPI package ‘set-utils’ steals Ethereum private keys by exfiltrating them through blockchain transactions via the Polygon RPC.
Research
Security News
Malicious Go packages are impersonating popular libraries to install hidden loader malware on Linux and macOS, targeting developers with obfuscated payloads.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.