vue-devtools 远程调试

430 阅读1分钟

在pc端浏览器上调试vue项目时,我们可以使用在浏览器安装vue-devtools插件来实现,如果想要在移动端使用vue-devtools该怎么做呢?

  1. 安装vue-devtools 独立版APP
npm add -g @vue/devtools

安装完成后在命令行启动

vue-devtools

在vue项目index.html中加入以下代码

<script src="http://localhost:8098"></script>
<script>  
window.__VUE_DEVTOOLS_HOST__ = '<your-local-ip>'  // default: localhost 
window.__VUE_DEVTOOLS_PORT__ = '<devtools-port>'   // default: 8098
</script>
  1. 部署独立版APP到服务器

下载项目到服务器

git clone git@github.com:dingxinwei/devtools-v6.git

进入项目根目录下 安装依赖

yarn

打包

cd packages\shell-electron
yarn build:client

配置nginx, root指向当前项目packages\shell-electron\dist目录

启动服务器

node server.js