（推薦方法2）html
安裝方法1: 需正常打開chrome商店，搜索vuejs devtools 安裝。chrome://extensions/ 開發者工具-擴展程序下啓用；vue
方法2： github下載插件，npm包安裝依賴，拖入瀏覽器擴展程序git
具體操做：github
1 . 下載chrome擴展插件。chrome
在github上下載壓縮包並解壓到本地，github下載地址：https://github.com/vuejs/vue-devtoolsshell
2. npm installnpm
下載完成後打開命令行cmd進入vue-devtools-master文件夾，json
1. npm install，安裝依賴包；若是安裝太慢，請參照文章末尾說明進行操做。瀏覽器
2. npm run buildsvg
npm run build 執行完，會在shells>chrome下的src文件夾裏生產如上圖所示的幾個js文件；
若不執行以上命令會報錯，沒法加載背景腳本"build/background.js"，以下圖：
3. 打開shells>chrome>manifest.json並把json文件裏的"persistent":false改爲true
4. 擴展chrome插件
1.打開chrome瀏覽器，打開更多工具>擴展程序；
2.再點擊加載已解壓的擴展程序，而後把shells>chrome文件夾放入
5， 測試安裝成功
在插件的目錄下執行npm run dev，這個時候咱們的插件就能夠運行了,打開localhost:8080能夠看到插件已經安裝並運行了。
方法3: 下載chrome插件安裝包（.crx文件）離線安裝(版本較低不推薦)
下載地址：http://www.cnplugins.com/devtool/vuejs-devtools/download.html
安裝方法：http://www.cnplugins.com/tools/how-to-setup-crx.html
在chrome中新開一個TAB，輸入：chrome://extensions/ 回車，打開應用管理器，能夠看到以前安裝的其餘應用。將下載後的.crx文件，拖入便可安裝。
另附：
1. 建議使用npm淘寶鏡像安裝依賴包地址：http://npm.taobao.org/
命令行安裝npm淘寶鏡像：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
以後咱們就能夠使用cnpm代替npm安裝依賴包了
2. chrome插件網地址 http://www.cnplugins.com/， 有須要別的插件的可相似以上操做。