Chrome 浏览器安装Vue插件方法
2023-09-27 14:21:38 时间
谷歌浏览器扩展程序
首先去github下载vue.zip文件插件 下载地址:https://github.com/vuejs/vue-devtools
不要去下载默认分支的
下载后解压
验证npm是否安装成功命令,打开CMD输入
node -v
npm -v
如果出现对应版本号,说明安装成功
一个使用技巧,定位到文件夹下面:直接输入 cmd 可以直接定位跳到当下目录
输入cmd
如下:
接下来通过cnpm安装vue插件依赖 ,淘宝镜像:输入cnpm install
下载成功后接着输入npm run build 出现如下界面表示成功
接着修改manifest.json 里persistent 字段 为true
如下:
在Chrome中 打开地址chrome://extensions/ 将D:vuevue-devtools-devshellschrome文件夹拖入Chrome中
至此插件才算安装完成
访问一个vue页面 按F12开发者工具,可以看到VUE控制台
附加一个图片批量下载插件 点击下载压缩包
相关文章
- Chrome 爬虫插件 Web Scraper
- octotree-chrome插件,Github代码阅读神器
- CSDN Chrome插件更新:用CSDN的方式让开发再快一点
- chrome 脚本学习
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- chrome 更新跨域规则,将对网站造成影响
- chrome.socket
- 这几个 Chrome 的 Tab 增强插件你都用上了吗?
- chrome-headless
- chrome 模拟发送请求的方法
- Chrome 开发大全之 01 控制台概述
- Chrome 扩展教程之如何使用 React 构建 Chrome 扩展(教程含源码)
- MAC在Chrome安装vue插件
- Chrome浏览器扩展开发系列之三:Google Chrome浏览器扩展的架构