【Vue】在 Chrome 中安装 Vue 扩展程序

安装安装包: 1.解包并进入解压后的 vue-devtools-master 文件夹; 2.在搜索栏输入 cmd ，进入命令提示符案板

继续: 3.命令行中输入npm install，安装所需依赖包，(npm i)也行;; 4.执行： npm run build 命令;; 5.解包并进入解压后的 vue-devtools-master 文件夹; 6.进入 vue-devtools-master\shells\chrome 文件中，将 manifest.json 文件打开，找到 background 中的 persistent，改为 true；

打开谷歌浏览器，在更多工具-> 扩展程序 -> 页面中勾选开发者模式 -> 点击加载解压好的包 -> 选择 vue-devtools-master\shells下的 chrome；

运行项目，打开 chrome 的开发者模式 ( F12键 ) ，此时看到vue扩展；（如果没有找到vue,可以关掉开发者模式，重新打开即可）

【vue】axios请求封装，二次封装
【vue】全局组件

【Vue】在 Chrome 中安装 Vue 扩展程序相关推荐

谷歌浏览器中安装JsonView扩展程序
实际开发工作中经常用到json数据,那么就会有这样一个需求:在谷歌浏览器中访问URL地址返回的json数据能否按照json格式展现出来. 比如,在谷歌浏览器中访问:http://jsonview.co ...
在Chrome中使用非应用商店安装的扩展程序
一.说明: 最近将Chrome更新到69版本,结果发现"百度网盘助手"这个扩展程序又被禁用了(这个扩展程序没在Chrome的应用商店中发布,而Chrome正常不允许应用商店以外安装 ...
Chrome浏览器安装Vue.js devtools插件
Chrome浏览器安装Vue.js devtools插件 1.浏览器访问极简插件 2.右上角搜索框搜索vue DevTools插件 3.在本地文件夹中解压刚刚下载的插件,解压后如下所示 4.打开谷歌浏 ...
Chrome中安装扩展的三种方式
chrome浏览器安装扩展有多种方式,请看以下介绍: 1. 从chrome网上应用商店安装(优雅法) 在google chrome中打开chrome网上应用商店(https://chrome.goog ...
Vue项目管理器中安装及使用Monaco Editor
Vue项目管理器中安装及使用Monaco Editor 记录项目开发中遇到的难题. 部分代码参考自鹰子大佬的: Monaco Editor安装及使用 1.安装 (1)安装插件搜索安装monaco插 ...
查看chrome插件源码(扩展程序源码)方法以及Mac如何显示资源库(Library)
一. 查看chrome插件源码(扩展程序源码)的方法 1.1 crx 是chrome 插件源码打包后的文件后缀名: 一个应用(扩展)其实是压缩在一起的一组文件,包括HTML,CSS,Javascrip ...
如何才能不看知乎广告？手机浏览器安装Edge扩展程序教程
title: 如何才能不看知乎广告?手机浏览器安装Edge扩展程序教程 tags: 知乎简书掘金 categories: 极客知乎App的广告真的是越来越多了,问题与问题之间插广告,每个回答必插 ...
图文详解】Chrome中安装JsonView插件
图文详解]Chrome中安装JsonView插件 Chrome中如何安装JsonView插件?chrome插件网为您图文详解. 1.下载JsonView插件在github中搜索JsonView,找到 ...
chrome浏览器安装插件显示程序包无效
chrome浏览器安装插件显示程序包无效当给谷歌浏览器安装插件时显示出如下程序包无效的情况解决办法: 1.将要安装的.crx文件的后缀名改为.rar 2.将改过后生成的.rar文件进行解压生成下图 ...

【Vue】在 Chrome 中安装 Vue 扩展程序

【Vue】在 Chrome 中安装 Vue 扩展程序相关推荐

最新文章

热门文章