1. 程式人生 > >Vue除錯神器vue-devtools

Vue除錯神器vue-devtools

手動安裝方法:

1.找到vue-devtools的github專案,並將其clone到本地. vue-devtools

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

2.安裝專案所需要的npm包

$ npm install //如果太慢的話,可以安裝一個cnpm, 然後命令換成 cnpm install

3.編譯專案檔案

$ npm run bulid

4.新增至chrome遊覽器

遊覽器輸入地址“chrome://extensions/”進入擴充套件程式頁面,點選“載入已解壓的擴充套件程式...”按鈕,選擇vue-devtools>shells下的chrome資料夾。 /** *如果看不見“載入已解壓的擴充套件程式...”按鈕,則需要勾選“開發者模式”。 */