使用vue-devtools開發Vue

前言：

由於vue是資料驅動的，所以這就存在在開發調試中查看DOM結構並不能解析出什麼。

但藉助vue-devtools插件，我們就可以很容易的對資料結構進行解析與除錯。

一、下載chrome擴充外掛程式

GitHub下載位址：

#建議使用npm淘寶鏡像依照依賴套件

位址：

命令列安裝npm淘寶鏡像：

$ npm install -g cnpm --registry= https://registry.npm.taobao.org

##之後我們就可以使用cnpm代替npm按照依賴套件了，npm安裝依賴套件確實太慢了. ....

#二、cnpm install

######下載完成後開啟命令列cmd進入vue-devtools資料夾，依照依賴套件並npm run build######### ###################三、開啟shells>chrome>src>manifest.json並把json檔案裡的"persistent":false改成true###### ##########四、擴充chrome外掛######1.開啟chrome瀏覽器，開啟設定>點選或程式>點選開發者模式#######2.再點選載入已解壓縮的擴充程序，然後把shell>chrome資料夾放入################ ######最後#######打開個vue寫的項目，f12開啟調試工具即可進行vue項目的調試。 ###### ######### ####

以上是使用vue-devtools開發Vue的詳細內容。更多資訊請關注PHP中文網其他相關文章！