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