重要的使用注意事項(xiàng)
1.如果頁(yè)面使用Vue.js的production/minified
構(gòu)建垮刹,devtools檢驗(yàn)?zāi)J(rèn)是不能使用的达吞,因此Vue面板(就是console那種面板)不會(huì)顯示出來(lái)。
2.通過(guò)file://
協(xié)議將它打開(kāi)荒典,你需要在Chrome擴(kuò)展管理面板中檢查Allow access to file URLs
酪劫。
圖片.png
與vuex結(jié)合工作實(shí)現(xiàn)時(shí)間追蹤調(diào)試:
圖片.png
安裝
在各個(gè)主流瀏覽器中安裝:
在編輯器中打開(kāi)組件
如果想打開(kāi)這個(gè)特征,請(qǐng)遵循這篇文檔
手動(dòng)安裝
請(qǐng)保證你使用的node 6+ 和 npm3+
1寺董、clone這個(gè)repo
2覆糟、npm install
(或者 yarn install
如果你正在使用yarn作為包管理器)
3、npm run build
4螃征、打開(kāi)Chrome擴(kuò)展頁(yè)
5搪桂、檢查『開(kāi)發(fā)者模式』
6透敌、點(diǎn)擊『加載未包裝的擴(kuò)展』盯滚,然后選擇shells/chrome
作為開(kāi)發(fā)著去貢獻(xiàn)
1、克隆這個(gè)倉(cāng)庫(kù)
2酗电、npm install
3魄藕、npm run dev
4、一個(gè)簡(jiǎn)單的帶測(cè)試的shell 將會(huì)在localhost:8000
展示出來(lái)
Firefox addon 測(cè)試
1撵术、install web-ext
$ npm install --global web-ext
或者使用yarn:
$ yarn global add web-ext
另外背率,保證PATH
是被設(shè)置起來(lái)的,在~/.bash_profile
應(yīng)該像:
$ PATH=$PATH:$(yarn global bin)
2、在Firefox中編譯并且運(yùn)行
$ npm run build
$ npm run run:firefox
當(dāng)使用Yarn寝姿,你只需要使用yarn
替代npm
交排。