谷歌浏览器Vue-devtools安装过程

时间：2023-05-27 12:32:31浏览次数：41

标签：npm Vue 浏览器 chrome vue devtools

Vue-devtools安装

1、选择Vue-devtools下载目录，执行命令 git clone https://github.com/vuejs/vue-devtools.git

谷歌浏览器Vue-devtools安装过程_Vue

2、进入vue-devtools，执行npm install，安装项目所需要的npm包

谷歌浏览器Vue-devtools安装过程_Vue_02

3、编译项目文件 npm run build

谷歌浏览器Vue-devtools安装过程_git_03

谷歌浏览器Vue-devtools安装过程_Vue_04

4、修改manifest.json文件，把"persistent":false改成true

谷歌浏览器Vue-devtools安装过程_chrome_05

谷歌浏览器Vue-devtools安装过程_git_06

5、添加至chrome浏览器

浏览器输入地址chrome://extensions/打开扩展程序,点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入

谷歌浏览器Vue-devtools安装过程_chrome_07

谷歌浏览器Vue-devtools安装过程_git_08

谷歌浏览器Vue-devtools安装过程_chrome_09

标签：npm,Vue,浏览器,chrome,vue,devtools
From： https://blog.51cto.com/u_16132582/6361758

Spring boot+vue打包、上传宝塔面板并配置https
终于把网站搞完了，也终于能够通过域名访问了，这次就简单回顾一下这么多时间的经历，总结一下。项目地址穆音博客，本文发布原地址在Springboot+vue打包、上传宝塔面板并配置https我的开发环境是前端使用vue-admin-template，后端使用Springboot+mybatis-plus，由于我要根据后端打包的效......
google浏览器更新服务禁止
方法一：1、本机win+R，输入service.msc2、找到谷歌更新服务，双击点开，在弹出的属性界面中，点击停止，然后启动类型设为禁止3、打开Chrome的目录（查看本机安装目录）：C:\ProgramFiles(x86)\Google或者是C:\ProgramFiles\Google4、update或setup文件夹右键属性，设置权限，全部为禁止5、打......
浏览器驱动如果手动下载放置的路径
1、本地chrome.exe同级目录：无需在代码中声明驱动的位置,会自动寻找并匹配2、IDE项目自定义位置（改方法搜索，未验证）位置可以自己指定比如将驱动放在项目根路径D:a-projectmqtest需要在代码中指明driver的路径(绝对路径或相对路径),代码如下：System.setProperty("webdriver.chrom......
VUE3
https://github.com/moocstudent/vue-war昨天通过vue官网建立了vue项目，逐渐看了下组合式/选项式API的区别虽然在前几个月里，通过做SH的伙计给的单子接触了VUEANTD，但是实际上对其原理未知（难道只能说跟前天面试的一样，问Jquery是跟JS都是对DOM的操作吗）显然VUE有很多有趣的地方......
基于Electron24+Vite4+Vue3搭建桌面端应用
一说到创建桌面应用，就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。之前也有使用vite2+vue3+electronc创建桌面端项目，不过 vue-cli-plugin-electron-builder 脚手架插件构建的项目electron版本只有13.x。如......
java基于springboot+vue时间管理系统、日记管理系统，附源码+数据库+lw文档+PPT
1、项目介绍本次设计任务是要设计一个时间管理系统，通过这个系统能够满足时间管理的管理功能。系统的主要功能包括首页，个人中心，系统公告管理，用户管理，时间分类管理，事件数据管理，目标数据管理，用户日记管理等功能。管理员可以根据系统给定的账号进行登录，登录后可以进入时间管理系统，对......
vue3:setup语法糖
1.setup语法糖简介直接在script标签中添加setup属性就可以直接使用setup语法糖了。使用setup语法糖后，不用写setup函数；组件只需要引入不需要注册；属性和方法也不需要再返回，可以直接在template模板中使用。<template> <my-component@click="func":numb="numb"></my-component>......
总结Vue3 的一些知识点：Vue3 项目打包
Vue3项目打包打包Vue项目使用以下命令：cnpmrunbuild执行以上命令，输出结果如下：执行完成后，会在Vue项目下会生成一个dist目录，该目录一般包含index.html文件及static目录，static目录包含了静态文件js、css以及图片目录images（如果有图片的话）。如果直接双击打开......
总结Vue3 的一些知识点：Vue3 计算属性
Vue3计算属性计算属性关键词:computed。计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子：实例1<divid="app">{{message.split('').reverse().join('')}}</div>实例1中模板变的很复杂起来，也不容易看懂理解。接下来我们看看使用了计算属......
系统化学习前端之Vue（vue2）
前言vue2截止2023年12月31日不再维护更新，将全面拥抱vue3了。vue2vue2是一个实现UI层的渐进式js框架。vue2本质是一个类，可以配置optionsAPI实例化为一个vm对象，通过模板编译处理成虚拟DOM，对比更新后生成真实DOM并挂载至页面中，实现页面渲染，相较于原生js......

谷歌浏览器Vue-devtools安装过程

相关文章

赞助商

阅读排行