下載vue-devtools插件的步驟

1.進入Vue官網 https://cn.vuejs.org/

-->生態系統-->Devtools-->複製Git下載地址

2.進入想要放的文件夾裏打開命令窗口

git clone 粘貼（以下）
git clone https://github.com/vuejs/vue-devtools.git

3.打開下載好的vue-devtools文件夾

1.打開package.json文件
2.找到依賴包devDependencies裏面的如下三個包進行刪除
    buble,buble-loader,selenium-server

4.進入文件夾vue-devtools打開命令窗口

下載以上刪除的包：
cnpm install buble
cnpm install buble-loader
cnpm install wbuf
cnpm install selenium-server(該安裝過程可能會卡在那裏，按ctrl+c結束,不影響)
下載依賴包裏的安裝包
cnpm install
運行
npm run build

5.進入文件夾vue-devtools

1.進入shells-->chrome-->manifest.json打開修改如下內容：
    找到如下部分：
    "persistent":false
    修改成：
    "persistent":true

2.進入shells-->chrome-->webpack.config.js打開修改如下內容：
    找到如下部分：（最後面）
    'process.env':{NODE_ENV:"production"} 
    修改成：
    'process.env':{NODE_ENV:"development"}

6.把插件應用到瀏覽器

1.找到文件夾vue-devtools\shells下的chrome文件夾
2.直接拖進瀏覽器的更多工具-->擴展程序裏