通過實(shí)例解析chrome如何在mac環(huán)境中安裝vue-devtools插件
1之前在windows上裝過，最近剛換了個(gè)mac本，重新安裝下，也是為了記錄下我安裝的過程。
github下載vue-devtool到本地
下載地址https://github.com/vuejs/vue-devtools#vue-devtools
注意，下載的時(shí)候默認(rèn)的是在dev分支，要切換到master,然后克隆到本地（可以先放桌面）
2.將下載的項(xiàng)目文件放入 Chrome瀏覽器的插件文件夾
在瀏覽器地址欄輸入chrome://version/
找到路徑之后，可以在頂部工具欄”前往“中直接輸入文件地址
3.在default文件夾下新建Extensions文件夾(已經(jīng)存在就不用新建了)，并且將下載的vue-devtool-master文件夾復(fù)制進(jìn)去，cd進(jìn)入該文件夾cd vue-devtools-master
4. 安裝依賴
npm install
npm run build（沒有這一步會(huì)報(bào)錯(cuò)哦～）
5.在地址欄輸入chrome://extensions,打開右側(cè)開發(fā)者模式
將vue-devtools-master/shells/chrome文件夾拖入擴(kuò)展程序頁面即可
如果以上步驟完成之后，在控制臺(tái)還是不顯示Vue的tab，以上vue圖標(biāo)不亮，點(diǎn)擊圖標(biāo)出現(xiàn)vue.js not detected的提示還需要進(jìn)行以下步驟
找到安裝目錄
修改mainifest.json文件中的persistent：false，修改成persistent：true。一般這個(gè)時(shí)候就可以正常使用了
如果還是不行，修改webpack.config.js的代碼
修改成development，（可能正式版本發(fā)布的時(shí)候，需要修改回來，待驗(yàn)證）
再運(yùn)行vue項(xiàng)目 就可以正常調(diào)試了
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
v-distpicker地區(qū)選擇器組件使用實(shí)例詳解
代碼添加了一個(gè)vDistpickerHandle的事件處理函數(shù)對(duì)地區(qū)選擇器中的數(shù)據(jù)進(jìn)行處理,將數(shù)據(jù)存儲(chǔ)到form對(duì)象的相應(yīng)屬性中,方便數(shù)據(jù)提交,這篇文章主要介紹了v-distpicker地區(qū)選擇器組件使用,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了keep-alive保持組件狀態(tài)的方法，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要為大家詳細(xì)介紹了vue組件如何被其他項(xiàng)目引用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
Vue移動(dòng)端實(shí)現(xiàn)pdf/excel/圖片在線預(yù)覽
這篇文章主要為大家詳細(xì)介紹了Vue移動(dòng)端實(shí)現(xiàn)pdf/excel/圖片在線預(yù)覽功能的相關(guān)方法,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考下2024-04-04
el-menu動(dòng)態(tài)加載路由的實(shí)現(xiàn)
本文主要介紹了el-menu動(dòng)態(tài)加載路由的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
我們?cè)陂_發(fā)的時(shí)候會(huì)經(jīng)常用的導(dǎo)出excel表格功能,剛好自己開發(fā)有遇到,就記錄一下,下面這篇文章主要給大家介紹了關(guān)于Vue前端表格導(dǎo)出Excel文件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
詳解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南
這篇文章主要介紹了詳解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
vue是一種輕巧便捷的框架，那么如何進(jìn)行對(duì)于數(shù)據(jù)加載的刷新呢？以下就是我對(duì)于vue.js數(shù)據(jù)加載的一點(diǎn)想法2017-06-06
vue-cli 打包使用history模式的后端配置實(shí)例
今天小編就為大家分享一篇vue-cli 打包使用history模式的后端配置實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue項(xiàng)目中常常會(huì)用到keepalive來作緩存,在應(yīng)付基本要求上能夠說很是方便,可是遇到同一個(gè)頁面,根據(jù)條件不一樣,分別緩存或者不緩存,就有些麻煩了,這篇文章主要給大家介紹了關(guān)于keep-alive如何清除緩存的相關(guān)資料,需要的朋友可以參考下2021-08-08