vue devtools安裝及使用

2021-10-10 02:29:58 字數 839 閱讀 3965

在vue學習開發之前,應安裝vue-devtools為我們提供乙個介面,用來檢視vue元件和全域性狀態管理器vuex中記錄的資料。如果你可以訪問google web store,請在store中安裝。

git clone 

這裡需要注意:應該使用master而不是dev

2.cd到當前目錄

npm install(或者使用**映象-cnpm)
3.npm run build
npm run build
在vue-devtool-master目錄中找到shell>chrome>manifest.json,設定persistant為true。在chrome中的更多工具->擴充套件程式->載入已解壓的擴充套件程式->選擇vue-devtool-master目錄中的chrome資料夾。 之後在你的專案中就可以使用vue-devtools除錯工具了。

注意:可能會存在vue.js devtools:because it's in production mode or explicitly disabled by the author.的問題,這是因為你的vue為vue.min.js,應該使用開發模式下的vue.js。

Vue安裝及外掛程式Vue Devtools

vue安裝 最新穩定版 npm install vue 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm insta...

vue devtools安裝教程

2 解壓縮之後進入資料夾,開啟cmd視窗,執行npm install 命令 3 再執行npm run build 4 進入vue devtools master資料夾中找到shells資料夾,配置manifest.json檔案,路徑 shells chrome manifest.json,改變per...

vue devtools安裝 chrome瀏覽器

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