vue調試神器vue-devtools安裝

vue-devtools安裝

vue-devtools是一款用來調試Vue應用的Chrome插件,可極大提升開發者調試項目效率,接着咱們說一下如何下載安裝這個插件;

1、 從chrome商店直接下載安裝

• 國內沒法訪問,你懂得,有條件的能夠本身處理 : https://chrome.google.com/webstore/category/extensions
• 國內的也能夠在此處下載 : http://www.cnplugins.com/

2、本身編譯安裝

• 第一步 : 克隆項目到本地

  ① 找到github上vue-devtools項目

  ② 使用git講代碼克隆到本地 : git clone https://github.com/vuejs/vue-devtools.git

• 第二步 :

  下載相關依賴 : yarn 或 npm install

• 第三步 :

  項目打包 : yarn build 或 npm run build

• 第四步：

  ① 打開chrome 更多工具 -> 擴展程序 -> 加載已解壓的擴展程序

  ② 選擇打包好的文件

  ③ 添加完成

• 第五步：

  F12打開控制檯點擊最右側vue選項卡