資訊專欄INFORMATION COLUMN
摘要：已安裝好的插件。三以后版本安裝比如版本版本獲取到，安裝后的內(nèi)容，后續(xù)按照步驟一操作即可。
一、安裝步驟
????????1、下載地址：GitHub - vuejs/devtools at v5.1.1
????????2、注意： 必須使用 v5.1.1 版本，經(jīng)測試這個版本正常使用
????????3、安裝步驟：
npm install / cnpm installnpm run build????????4、上述步驟，安裝沒報錯后，可以看到會生成 devtools/shell 目錄
????????5、打開 chrome 瀏覽器，開啟 開發(fā)者模式--- 加載已解壓的擴展程序 --- 選擇 devtools-5.1.1/shells/chrome
方式一：在谷歌瀏覽器地址欄中輸入：chrome://extensions/ 方法二： 右上角 --- 更多工具 --- 擴展程序 ????????6、點擊插件 "詳情" --- 有權訪問的網(wǎng)站 --- 在所有網(wǎng)站上
二、可能遇到的問題
????????1、安裝報錯，請選擇 v5.1.1 版本
????????2、安裝完成后devtool圖標還是灰色的或者控制臺根本就沒有vue：
打開： vue-devtools/shells/chrome中的manifest.json 文件將"persistent": false 改為 true 。????????已安裝好的 vue-devtools 插件。
三、 5.1.1 以后版本安裝
????????1、比如 v5.3.4版本 ：
yarn install yarn run build????????2、獲取到，安裝后的內(nèi)容： devtools-5.3.4/packages/shell-chrome ，后續(xù)按照步驟【一-5】操作即可。
????????PS：為什么會寫這篇文章，作為一個后端開發(fā)，初次接觸Vue，下載最新的版本（v6.0.x），
再按照其他博客的教程（npm install），一直安裝失敗 ...
最根本的原因是： 我沒有看官方的安裝文檔 ?。?！
????????比如問題： yarn 是干啥的？ yarn 和 npm 有啥區(qū)別呢？ 不知道 ！
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/122101.html
摘要：前端開發(fā)需要了解的工具集合前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項目開發(fā)中事半功倍?？傊?，是前端打包的不二選擇。所以，很多情況下都是與配合使用。它的一個理念就是提供一套完整集成的零配置測試體驗。 前端開發(fā)需要了解的工具集合：webpack, eslint, prettier, ... 前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項目開發(fā)中事半功倍。 1. nrm: npm...
摘要：前端開發(fā)需要了解的工具集合前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項目開發(fā)中事半功倍?？傊?，是前端打包的不二選擇。所以，很多情況下都是與配合使用。它的一個理念就是提供一套完整集成的零配置測試體驗。 前端開發(fā)需要了解的工具集合：webpack, eslint, prettier, ... 前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項目開發(fā)中事半功倍。 1. nrm: npm...
摘要：前言由于是數(shù)據(jù)驅(qū)動的，所以這就存在在開發(fā)調(diào)試中查看結(jié)構(gòu)并不能解析出什么。但是借助插件，我們就可以很容易的對數(shù)據(jù)結(jié)構(gòu)進行解析和調(diào)試。六如果需要更詳細的圖文介紹請看文章 前言： 由于vue是數(shù)據(jù)驅(qū)動的，所以這就存在在開發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么。 但是借助vue-devtools插件，我們就可以很容易的對數(shù)據(jù)結(jié)構(gòu)進行解析和調(diào)試。 一、下載chrome擴展插件 GitHub下載地...
閱讀 2633·2021-11-17 17:00
閱讀 1890·2021-10-11 10:57
閱讀 3761·2021-09-09 11:33
閱讀 928·2021-09-09 09:33
閱讀 3562·2019-08-30 14:20
閱讀 3329·2019-08-29 11:25
閱讀 2810·2019-08-26 13:48
閱讀 750·2019-08-26 11:52
