在chrome調試vue,vue調試器離線安裝(vue-devtools)

1、先獲取vue-devtools安裝包

  1. 可走github獲取源碼,點擊進入github,clone之後選擇yarn或npm方式安裝依賴包,在此就不贅述
  2. 在本人博客資源下載,解壓即可使用,點擊下載(推薦此方法,會省去一些繁瑣的步驟)

2、打開chrome擴展程序

直接在地址欄輸入chrome://extensions/,或者使用視圖打開(alt+e ——>更多工具——>擴展程序)

3、添加擴展程序

3.1 在本人資源下載的處理方式(記得要解壓)

  • 選擇【已解壓的擴展程序】,找到解壓好的文件夾,進入文件夾,選中chrome文件夾,點擊【選擇文件夾】

  • 可以看到,擴展程序已經加了進來,接下來關閉瀏覽器(必要操作,否則不起作用),再打開即可使用

 

如果需要調試vuex,需要手動設置爲可用

3.2 如果是自己在github克隆的源碼,請看下方操作

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章