vue,調試工具DevTools
第一步:復制項目到本地,可以使用git clone https://github.com/vuejs/vue-devtools.git 到本地,也可以直接將項目下載到本地
https://cn.vuejs.org/ vue官網中生態系統》工具》DevTools可以找到項目的地址。
第二步:使用npm 或者cnpm 安裝依賴
npm install
cnpm install
推薦使用第二種,快
請注意下載項目的時候的分支,本人是在master分支上操作的
安裝完依賴之后。
第三步:執行打包
npm run build
cnpm run build
第四步:打開你的谷歌瀏覽器找到擴展程序,找不到請自行百度在哪里找。
第五步:打開瀏覽器當中的
目錄選擇到:
然后就能添加上vue開發工具了
如果你發現你的瀏覽器中存在vue圖標,但是沒有vue調試欄目,請檢查你的項目是否開啟了調試工具
官網推薦:Vue.config.devtools = true;添加在項目的main.js中。
重啟項目,應該就會看到vue調試出現了。