天天看點

vue調試工具vue-devtools安裝及使用

參考來源:

https://www.cnblogs.com/chenhuichao/p/11039427.html (____chen 的 vue調試工具vue-devtools安裝及使用(親測有效,望采納))

安裝流程:

參考來源的文章裡面說得很清楚了,這裡說大概步驟

下載下傳

git clone https://github.com/vuejs/vue-devtools

安裝依賴

npm install

編譯打包

npm run build

擴充 chrome 插件

插件的位置在 vue-devtools\shells\chrome

使用

chrome F12

踩坑填坑:

1、下載下傳完 vue-devtools 開開心心 npm install ,但是跑了一堆錯誤出來

github 下載下傳時,預設為 dev 版本,要切換到 master 分支

切換指令: git checkout master

vue調試工具vue-devtools安裝及使用
vue調試工具vue-devtools安裝及使用