[轉]Vue-Devtools安裝配置教程（獻給伸手黨）

原文地址:https://blog.csdn.net/weixin_38654336/article/details/80790698

能夠先看視頻教程：連接

最簡便的方法是用FQ來經過google應用商店進行安裝，可是大多數人仍是處在非FQ的狀態

嘗試過安裝Node的方法來安裝，可是極其不建議用這個方法安裝，很是麻煩，並且必需要有node的基礎，很是不接地氣

下面來一個最簡便的方法（送給伸手黨）：

查看過不少博客大多數都是，要安裝Vue-Devtools，在一個github下面用git clone或者手動下載一個叫作vue-devtools-master的文件。而後呢，你就要用npm進行install，而後再npm install build。因此這意味着你又要去找npm來裝，你會發現，最簡便的方法就是下一個集成的node.js。一番辛苦了以後，你就會發現npm安裝好了以後，npm install build又會出現一大串的問題。請問哪有那麼多時間去google，baidu這些問題？你要的只是簡單的安裝一個的調試工具，而你又不想FQ。Here we are：

上GitHub，下載一個已經用npm處理過的Devtools源碼，並且已經給你配置好了manifest.json和webpack.config.js文件，已經處理好了，拿來就用。啥也不說了，直接到個人GitHub上找：連接

下下來以後打開google瀏覽器，輸入地址chrome://extensions/ ，點擊加載已解壓的擴展程序



進入到Chrome文件夾下，點擊肯定：



我這裏是把整個Vue-Devtools適配全部的瀏覽器源文件都安裝了，而你只須要要chrome瀏覽器的源碼就行，因此直接用我GitHub上的Chrome文件夾就行，點擊肯定



肯定完了以後就會發現連接欄的右邊有個V的標誌，證實已經成功，可是此時會有不少人F12以後依然在調試界面看不到Vue，有多是由於你寫的程序引用的vue文件是一個vue.min.js文件，是個壓縮文件，這個壓縮文件是默認不支持調試的，具體怎麼調支持調試就請自行baidu吧！這裏只須要把你引入的文件的源碼，編程Vue.js的就行，不要壓縮版的。若是還不行，能夠嘗試下關閉瀏覽器再打開。



這樣就已經安裝調試成功了。