亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Vue devtools工具安裝 Chrome安裝Vue devtools 教程步驟

yiliang / 2012人閱讀

摘要：已安裝好的插件。三以后版本安裝比如版本版本獲取到，安裝后的內(nèi)容，后續(xù)按照步驟一操作即可。

Vue devtools工具安裝 Chrome安裝Vue devtools?教程步驟

一、安裝步驟

????????1、下載地址：GitHub - vuejs/devtools at v5.1.1

????????2、注意： 必須使用 v5.1.1 版本，經(jīng)測試這個(gè)版本正常使用

????????3、安裝步驟：

npm install / cnpm installnpm run build

????????4、上述步驟，安裝沒報(bào)錯(cuò)后，可以看到會(huì)生成 devtools/shell 目錄

????????5、打開 chrome 瀏覽器，開啟 開發(fā)者模式--- 加載已解壓的擴(kuò)展程序 --- 選擇 devtools-5.1.1/shells/chrome

方式一：在谷歌瀏覽器地址欄中輸入：chrome://extensions/ 方法二： 右上角 --- 更多工具 --- 擴(kuò)展程序

????????6、點(diǎn)擊插件 "詳情" --- 有權(quán)訪問的網(wǎng)站 --- 在所有網(wǎng)站上

二、可能遇到的問題

????????1、安裝報(bào)錯(cuò)，請選擇 v5.1.1 版本

????????2、安裝完成后devtool圖標(biāo)還是灰色的或者控制臺(tái)根本就沒有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：為什么會(huì)寫這篇文章，作為一個(gè)后端開發(fā)，初次接觸Vue，下載最新的版本（v6.0.x），

再按照其他博客的教程（npm install），一直安裝失敗 ...

最根本的原因是： 我沒有看官方的安裝文檔 ！??！

????????比如問題： yarn 是干啥的？ yarn 和 npm 有啥區(qū)別呢？ 不知道 ！

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/122101.html

相關(guān)文章

  • 前端進(jìn)階（8） - 前端開發(fā)需要了解的工具集合：webpack, eslint, prettier,

    摘要：前端開發(fā)需要了解的工具集合前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項(xiàng)目開發(fā)中事半功倍。總之，是前端打包的不二選擇。所以，很多情況下都是與配合使用。它的一個(gè)理念就是提供一套完整集成的零配置測試體驗(yàn)。 前端開發(fā)需要了解的工具集合：webpack, eslint, prettier, ... 前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項(xiàng)目開發(fā)中事半功倍。 1. nrm: npm...

    SillyMonkey 評(píng)論0 收藏0

  • 前端進(jìn)階（8） - 前端開發(fā)需要了解的工具集合：webpack, eslint, prettier,

    摘要：前端開發(fā)需要了解的工具集合前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項(xiàng)目開發(fā)中事半功倍?？傊?，是前端打包的不二選擇。所以，很多情況下都是與配合使用。它的一個(gè)理念就是提供一套完整集成的零配置測試體驗(yàn)。 前端開發(fā)需要了解的工具集合：webpack, eslint, prettier, ... 前端開發(fā)需要了解的一些工具，這些工具能夠幫助你在項(xiàng)目開發(fā)中事半功倍。 1. nrm: npm...

    zhaochunqi 評(píng)論0 收藏0

  • 如何安裝 vue-devtools 瀏覽器插件

    摘要：前言由于是數(shù)據(jù)驅(qū)動(dòng)的，所以這就存在在開發(fā)調(diào)試中查看結(jié)構(gòu)并不能解析出什么。但是借助插件，我們就可以很容易的對(duì)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。六如果需要更詳細(xì)的圖文介紹請看文章 前言： 由于vue是數(shù)據(jù)驅(qū)動(dòng)的，所以這就存在在開發(fā)調(diào)試中查看DOM結(jié)構(gòu)并不能解析出什么。 但是借助vue-devtools插件，我們就可以很容易的對(duì)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試。 一、下載chrome擴(kuò)展插件 GitHub下載地...

    LeviDing 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<