• 第一步：找到vue-devtools的github項(xiàng)目，并將其clone到本地.
  git clone https://github.com/vuejs/vue-devtools.git
  
  image
• 第二步：安裝項(xiàng)目所需要的npm包
  cd vue-devtools
npm install
  
  image.png
• 第三步：編譯項(xiàng)目文件
  npm run build
• 第四步：添加至chrome游覽器

游覽器輸入地址“chrome://extensions/”進(jìn)入擴(kuò)展程序頁(yè)面，點(diǎn)擊“加載已解壓的擴(kuò)展程序...”按鈕，選擇vue-devtools>shells下的chrome文件夾。
如果看不見(jiàn)“加載已解壓的擴(kuò)展程序...”按鈕，則需要勾選“開(kāi)發(fā)者模式”