vue devtools安裝教程

2022-05-16 21:04:00 字數 987 閱讀 7325

2、解壓縮之後進入資料夾,開啟cmd視窗,執行npm install 命令

3、再執行npm run build 

4、進入vue-devtools-master資料夾中找到shells資料夾,配置manifest.json檔案,路徑:shells>chrome>manifest.json,改變persistent的值為true

5、點選chrome瀏覽器右上角的三個點(設定),找到更多工具、選擇拓展程式開啟開發者模式

6、開啟乙個vue編寫的** 就可以看到

vue devtools安裝及使用

在vue學習開發之前,應安裝vue devtools為我們提供乙個介面,用來檢視vue元件和全域性狀態管理器vuex中記錄的資料。如果你可以訪問google web store,請在store中安裝。git clone 這裡需要注意 應該使用master而不是dev 2.cd到當前目錄 npm in...

vue devtools安裝 chrome瀏覽器

安裝參考鏈結 如果可以科學上網,那可以直接安裝chrome外掛程式,位址在github中也有給出 chrome商店 如果不能科學上網,那就離線安裝吧。複製網頁clone下的那一串 在git命令列輸入指令 git clone 官方教程上有給出方法 親測有效 我是用的是yarn方法 npm instal...

vue devtools的安裝與使用

二.解壓到本地的某盤 三.用你的npm中進入該資料夾下 四.依次輸 1 npm install 如果在這部報錯的話,就改用cnpm install。cnpm需要安裝 安裝位址 2 npm run build 這一步一定不要忘了,沒有執行這一步的話,專案資料夾shells chrome資料夾裡會少乙個...