vue-devtools怎麼用

今天跟大家分享下vue-devtools怎麼用,快來看看吧!

方法/步驟

首先下載並解壓文件到本地磁碟。

在npm中進入該文件夾下,輸入:npm install。

如圖:連同上步完成依次輸入。

如圖:修改shells>chrome文件夾下的mainifest.json 中的persistant為true

我們找到谷歌瀏覽器的擴展程序功能,勾選開發者模式,然後我們將插件文件夾里的shells>chorme文件夾直接拖到頁面中,完成安裝。

在插件的目錄下執行npm run dev,這個時候我們的插件就可以運行了,打開localhost:8080可以看到插件已經安裝並運行了。

相關文章

  1. 如何利用Vue.js庫中的v-on指令綁定按鈕點擊事件

    Vue.js庫中的v-on指令用於綁定事件監聽器,v-on指令後可以帶參數,還可以增加修飾符.按鈕點擊事件也是v-on指令來綁定,利用v-on:click.下面利用一個說明v-on指令的用法,操作如下 ...
  2. vue.js-2.0路由怎麼用?路由怎麼配置?

    其實很簡單,只要理清思路了.就不難.最重要的就是這個思路.看完這篇經驗,學不會不可能.只要對你有幫助.請多轉轉,收藏,拉票啥的.感激不盡啊! 工具/原料 node.js(npm)可以安裝淘寶鏡像 we ...
  3. vue切換頁面的時候怎麼隱藏導航?進入詳情頁隱藏

    大家都知道,在vue里,所有的組件頁面都是通過路由進來的.而有的時候我們需要導航欄目,而有的時候進入詳情頁組件的時候我們不需要.該怎麼做到合理化呢? 工具/原料 webstorm vue.js vue ...
  4. 如何利用Vue.js庫中的v-bind綁定樣式屬性

    Vue.js庫中的v-bind指令用於響應HTML元素的特性,可以是一個或多個屬性,也可以是一個動態的表達式.v-bind主要是綁定不同的樣式和屬性,如style.class和src等.下面利用一個實 ...
  5. VUE視頻怎麼發朋友圈,VUE小視頻怎麼發朋友圈

    在智慧型手機時代,人人都可以使用手機製作屬於自己的小視頻,與他人分享.VUE 是一款小視頻製作工具,最近比較火,可以實現很多特效,在這裡簡單介紹下如何把它分享到朋友圈的方法,這裡以 iPhone 版 V ...
  6. 如何利用Vue.js庫設計無序列表

    Vue.js是web交互的一種庫,有豐富的API文檔.無序列表是可以利用ul和li標籤實現,展示整齊的字符內容:無序列表默認展示的是以黑色的點,而有序列表是顯示數字.下面利用一個實例說明Vue.js庫 ...
  7. 如何利用Vue.js庫實現自定義指定

    在Vue.js庫中,有時內置指令不能滿足需求,這時需要自定義指令來作為支持.自定義指令是一個將數據變化映射成元素變化.可以使用directives註冊自定義指令.下面利用一個實例說明自定義指令的用法, ...
  8. 如何利用Vue.js庫中的v-model綁定表單中的數據

    Vue.js跟AngularJS一樣,具有雙向綁定功能,而Vue.js實現雙向綁定功能的是v-model,v-model可以作用於表單元素上,自動獲取更新元素的數據.如果表單數據發生改變,其他的綁定數 ...
  9. 圖解Chrome DevTools常用功能

    本篇經驗將和大家介紹Chrome DevTools應用場景,希望對大家的工作和學習有所幫助! 方法/步驟 記錄網絡請求 默認情況下,只要Chrome DevTools在開啟狀態,DevTools會記錄 ...
  10. 如何利用Vue.js庫中的v-show顯示和隱藏元素

    Vue.js庫中v-show指令是根據表達式的值來顯示或隱藏HTML元素,當v-show的值為true,表示元素顯示:如果v-show值為false,表示元素隱藏.下面利用一個實例說明v-show命令 ...
  11. VUE製作夢幻星空

    教程名稱:VUE環境景觀系列--夢幻天空 主講人: 楊晨 教程目的:了解大氣編輯器,以及燈光系統 教學方法:案例教學 運用軟體:MAX2011 VUE10 案列製作過程: 涉及知識點 1. VUE普通 ...
  12. vue 視頻教程

    今天給大家介紹VUE這個視頻剪輯軟體,可以直接拍攝,也可以調用手機里的小視屏,剪輯成像電影一樣的效果,一起看看. 方法/步驟 下載VUE視頻軟體: 輸入VUE進行搜尋就可以了,市面上編輯視頻的軟體還是 ...
  13. 如何利用Vue.js庫綁定HTML標籤內的class屬性值

    在HTML文件內設置元素樣式可以利用class選擇器,如果出現多個class,可以寫成class="a b c".那麼,在Vue.js中該如何綁定HTML多個class?答案是用v ...
  14. 如何利用Vue.js庫實現表單校驗

    表單校驗是web開發中一個重要環節,當用戶輸入錯誤的字符或者未輸入字符(必填項),表單校驗可以給用戶一個提示,幫助用戶完善輸入內容.Vue.js庫也具有校驗功能,利用vue-validator插件實現 ...
  15. VUE R10 軟體安裝與破解教程

    VUE是製作景觀的優秀軟體,相信大家都知道 工具/原料 安裝包 註冊機 方法/步驟 首先解壓開你下載好的vue完整的安裝包,點擊Setup安裝 點擊next下一步 選擇vue 10 xStream,然 ...
  16. 如何利用Vue.js庫中的綁定內聯樣式v-bind:style

    一般HTML文件里元素設置樣式,利用的是style屬性,如style="font-size:12px;color:#FF0000;width:400px;height:500px;" ...
  17. vue 2.0 開發實踐總結之入門篇

    vue 2.0 開發實踐總結之入門篇 工具/原料 電腦 sublime Text 方法/步驟 1 .vue-cli構建工具必知 我選用的vue-cli 是基於webpack的版本 ,不了解webpac ...
  18. WebStorm添加vue支持

    WebStorm是一款強大的前端開發軟體,vue是當前前端熱門技術棧.對於WebStorm默認的配置,它會把vue當成文本文件處理,從而無法進行很多智能的編輯.今天這篇檢驗,我們將介紹如何為WebSt ...
  19. webstorm如何自動新建vue模板

    前端開發中使用vue框架的時候可以通過webstrom設置自動生成vue文件,可以加快開發進程,節省時間和精力,而且看起來高大上. 工具/原料 電腦 webstrom軟體 方法/步驟 首先打開webs ...
  20. vue怎麼添加音樂

    vue是一款手機小視頻視頻製作軟體,可以將在製作好的視頻,發到朋友圈等地方.只能製作固定大小的視頻,還可以給視頻添加音樂,讓視頻看起來更加好.那麼我們怎麼用vue添加音樂呢?小編下面告訴大家. 工具/ ...