vue-devtools是一款基於chrome遊覽器的外掛，用於除錯vue應用，這可以極大地提高我們的除錯效率。接下來介紹一下vue-devtools的安裝。

手動安裝

第一步：找到vue-devtools的github專案，並將其clone到本地. vue-devtools

git clone https://github.com/vuejs/vue-devtools.git

第二步：在vue-devtools目錄下安裝專案所需要的npm包

cd vue-devtools
npm install //如果太慢的話，可以安裝一個cnpm, 然後命令換成 cnpm install

第三步：修改vue-devtools\shells\chrome\manifest.json檔案

把"persistent":false改為 true

第三步：編譯專案檔案

npm run build

第四步：新增至chrome瀏覽器

Chrome瀏覽器 >  設定> 拓展程式 >開發者模式>

點選載入已解壓程式按鈕, 選擇 vue-devtools > shells > chrome 放入, 安裝成功如下圖

第五步：使用vue-devtools

注：安裝後, 需要關閉瀏覽器, 再重新開啟, 才能使用