vue之除錯工具DevTools

2022-08-02 14:21:15 字數 719 閱讀 3160

vue,除錯工具devtools

vue官網中生態系統》工具》devtools可以找到專案的位址。

第二步:使用npm 或者cnpm 安裝依賴

npm install

cnpm install

推薦使用第二種,快

安裝完依賴之後。

第三步:執行打包

npm run build

cnpm run build

第五步:開啟瀏覽器當中的

目錄選擇到:

然後就能新增上vue開發工具了

如果你發現你的瀏覽器中存在vue圖示,但是沒有vue除錯欄目,請檢查你的專案是否開啟了除錯工具

官網推薦:vue.config.devtools = true;新增在專案的main.js中。

重啟專案,應該就會看到vue除錯出現了。

Chrome除錯Vue外掛程式devtools

2.win r進入cmd模式,cd到vue devtools dev檔案下,然後npm install,安裝node modules,這個時間較長,你可以選擇用cnpm代替npm,安裝完畢之後,執行npm run build,這一步不能少,否則你後台開啟谷歌的開發者模式後,引入chrome檔案會一直...

vue的除錯工具

上圖蠻有意思。vuejs用了很久了,大部分時候看下報錯資訊,結合vue.js devtools檢視下各個元件的資料其實就可以了,但是有時候還是有必要使用debugger的。話分兩頭,本文主要講兩個東西 vue.js devtools開發工具的使用 使用debugger和sourcemap除錯vue元...

vue 除錯工具 vue devtools

工欲善其事,必先利其器。解壓並進入 vue devtools 目錄下,安裝依賴包 cd vue devtools cnpm install 修改 vue devtools shells chrome manifest.json 檔案,將 persistent 改為 true 這一步不改也沒啥影響 在...