vue-devtools下載,安裝,使用

  • 如果想在所有瀏覽器總是用vue-devtools,那麼操作如下步驟下載,安裝,使用:
百度雲盤下載鏈接: https://pan.baidu.com/s/1BUQEeCmz3PDTvOGDy-dtMQ 提取碼: e9fd
  1. 安裝工具
// 全局安裝,也可本地安裝
npm install -g @vue/devtools
  1. 運行
vue-devtools // 適用於全局安裝

該指令會打開一個窗口,如下所示

如果你想在電腦瀏覽器調試,則在vue應用的最頂部加上

<script src="http://localhost:8098"></script>
  1. 如果你想在移動端瀏覽器調試,則在vue應用的最頂部加上
<script>
  window.__VUE_DEVTOOLS_HOST__ = '<your-local-ip>' // default: localhost
  window.__VUE_DEVTOOLS_PORT__ = '<devtools-port>' // default: 8098
</script>
<script src="http://<your-local-ip>:8098"></script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章