1. 程式人生 > >【22】Vue 之 Vue Devtools

【22】Vue 之 Vue Devtools

rom 創建 png ins -c 擴展程序 安裝 搜索 項目

vue安裝:

# 最新穩定版 $ npm install vue # 全局安裝 vue-cli $ npm install --global vue-cli # 創建一個基於 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴,走你 $ cd my-project $ npm install $ npm run dev

Vue Devtools安裝(谷歌瀏覽器插件:)

  ①谷歌選擇瀏覽器-更多工具-擴展程序

  ②獲取更多擴展程序

  ③搜索並安裝

  ④找到插件的mainifest.json文件位置,我找了很久,我的在這

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.0.6_0

  大膽的修改persistant為true

技術分享

還不夠,關鍵的一步,谷歌了很久沒解決,最後被我們厲害的後臺小哥解決掉了

技術分享

之後請重新啟動你的項目:

技術分享

綠色的v字標識3,標識你啟動的項目是vue項目,若不是,這個標識會自動變成灰色,還挺好的

轉:http://www.cnblogs.com/kymming/p/6428957.html

【22】Vue 之 Vue Devtools