首页 > 其他分享 >谷歌浏览器安装vue-devtools插件

谷歌浏览器安装vue-devtools插件

时间:2022-10-01 22:31:21浏览次数:52  
标签:npm 解压 插件 vue chromedriver add https devtools

1、访问github地址:https://github.com/vuejs/devtools下载安装包(zip)

2、进入到解压后的devtools-add-remote-devtools包中,在文件夹路径中打开cmd窗口,执行npm i(如果慢的话可以使用cnpm淘宝镜像:


npm install -g cnpm --registry=https://registry.npm.taobao.org)

3、npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

4、然后执行npm run build.

5、最后在浏览器找更多工具–>扩展程序–>加载已解压的扩展程序,接着选择找到刚才解压的文件夹 ,目录层级为:devtools-add-remote-devtools–>shells–>chrome即可实现。

标签:npm,解压,插件,vue,chromedriver,add,https,devtools
From: https://blog.51cto.com/u_204222/5728515

相关文章

  • 性能分析插件
    pom.xml<dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId></dependency><dependency><groupId>p6spy</groupId......
  • 防全表更新与删除插件
    ​​官方文档​​配置类@ConfigurationpublicclassMybatisPlusConfig{@BeanpublicMybatisPlusInterceptormybatisPlusInterceptor(){MybatisPlusInte......
  • 多租户插件
    ​​官方文档​​配置类@Configuration@MapperScan("org.example.demo15.mapper")publicclassMybatisPlusConfig{/***新多租户插件配置,一缓和二缓遵循mybatis......
  • 动态表名插件
    ​​官方文档​​pom.xml,注意mybatisplus版本需高于3.4.3.2<dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spr......
  • vue项目的优化
    vue项目的优化​​代码层面的优化​​​​vue代码层面的优化​​​​Webpack层面的优化​​​​基础的Web技术优化​​代码层面的优化vue项目的优化分为三部分:Vue代码层......
  • VUE构建完整的项目案例(1)
    使用VUE创建一个完整的项目一、准备工作开发工具:VSCode,Node,vue(vue-client)安装过程: 2.1安装VSCode 下载软件,官网:https://code.visualstudio.co......
  • Vue路由跳转到新页面之后,返回旧页面保持状态不变
    新项目中遇到了登录时点击用户协议,进入协议页面让用户阅读,然后返回登录页面时发现原来填写的手机号验证码全都没有了。解决方案:使用keep-alive在vue.app中添加keep-alive......
  • SpringBoot+Vue疫苗接种管理系统 新冠疫苗接种系统 预约疫苗接种管理系统Java
    ......
  • vue3 自定义指令控制按钮权限
    经过1个周的摸索和查阅资料,终于搞定VUE3中自定义指令,实现按钮级别的权限控制。当然,只是简单的对按钮进行隐藏和删除的dom操作比较容易,一直纠结的是当按钮无权限时,不是直接......
  • springboot+vue前后端分离项目搭建
    今天开始学习springboot+vue的前后端分离项目,跟着bili的视频开始做起。第一步安装node.js node.js自带npm插件,npm是node的一个包管理工具,安装好了node.js,就安装了npm......