在pc端浏览器上调试vue项目时,我们可以使用在浏览器安装vue-devtools插件来实现,如果想要在移动端使用vue-devtools该怎么做呢?
- 安装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>
- 部署独立版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