vuedevtool的多种安装方式(代码片段)

coder斌 coder斌     2022-12-03     487

关键词:

Vue devtools的安装

两种方式,主要将第二种,略微记录第一种。

第一种:通过Chrome网上应用店 进行Vue devtools的安装

第二种:通过Github上 Vue devtools的代码进行安装

  • Vue devtools 仓库地址

    先将其克隆到本地
    image-20210707223956215

  • 查看目录解构可知:使用 yarn进行包管理的。有 yarn的直接跳过下一步,没有的可以看下一步。

  • 安装yarn。全局安装npm install yarn -g 局部安装: npm install yarn -D演示使用局部安装的。

  • 安装依赖 npx yarn or npx yarn install,全局的yarn安装依赖去掉 npx

  • 打包 npx lerna run build

  • chrome浏览器

image-20210709102636496

然后导入对应路径下面的 packages/shell-chrome 就安装完成了。

image-20210709102733544
image-20210709102957899

clickhouse多种安装方式(代码片段)

文章目录前言一、rpm安装包下载二、单节点安装1、目录介绍2、启动&停止服务三、分布式安装1、clickhouse分布式安装1.1、选择三台clickhouse节点,在每台节点上安装clickhouse需要的安装包1.2、安装zookeeper集群并启动1.3、配置... 查看详情

vuedevtools调试工具安装让vue飞起来(代码片段)

安装:1.到github下载:gitclonehttps://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cdvue-devtoolsnpminstall||cnpminstall--npm&cnpmi到文件夹shells下chrome下打开manifest.json文件把"persistent":false改 查看详情

vuedevtools安装

一、下载到本地,可以通过git等方式gitclonehttps://github.com/vuejs/vue-devtools.git 二、安装项目需要的npm包npminstall//如果太慢可替换cnpminstall 三、编译项目文件npmrunbuild 四、添加至chrome浏览器  查看详情

vue初识vue,vue简介及vuedevtools配置(代码片段)

目录1.Vue是什么2.Vue的特点3.Vue的引入方式4.安装VueDevtools5.第一个Vue案例1.Vue是什么关于这个问题官方给了我们答案:一套用于构建用户界面的渐进式JavaScript框架渐进式框架是指我们可以在项目中一点点来引入和使用Vue,... 查看详情

python将视频抽帧的的多种方式(代码片段)

...频抽取为一个个的帧图片,使用python很方便实现,而且有多种方式;视频转换为帧的三种方式第一种:使用open-cvOpenCV是一个基于BSD许可(开源)发行的跨平台计算机视觉库,可以运行在Linux、Windows、Android和MacOS操作系统上。它... 查看详情

3流程引擎下载安装与部署(代码片段)

camunda有多种使用方式,此处先使用独立平台的方式部署引擎,这种用法适合分布式,微服务化,多语言异构系统的使用方式。是官方推荐的使用方式。camunda-platform-run支持的运行方式有多种,包括:ApachetomcatJBossEAP/wildflyIBMWebShper... 查看详情

堆栈的多种实现方式(代码片段)

何谓堆栈  堆栈是一种只能在一端进行插入或删除操作的线性表,属于逻辑结构。有数组与指针两种实现方式。  堆栈的主要特点为后进先出,每次进栈的新元素都在原来的栈顶元素之上,每次出栈的元素也是原来的栈顶元... 查看详情

java发送http请求的多种方式总结(代码片段)

...tp请求特别常见。本文以Java为例,总结发送http请求的多种方式。        1.HttpURLConnection        使用JDK原生提供的net,无需其他jar包,代码如下:importcom.alibaba.fastjson.JSON;importjava.io. 查看详情

分布式锁的多种实现方式(代码片段)

分布式锁的多种实现方式点击上方“Hollis”关注我,精彩内容第一时间呈现。全文字数:5000阅读时间:10分钟目前几乎很多大型网站及应用都是分布式部署的,分布式场景中的数据一致性问题一直是一个比较重要的话题。分布式... 查看详情

代表多种付款方式(代码片段)

我有一种情况,客户可以通过信用卡或PayPal帐户付款。我目前有一个超级作为“客户”,有两个子类型的'公共'和'商业'。但是,这两种类型都可以通过任何一种付款方式支付,并且可以使用多个信用卡/PayPal帐户。我有一个当前... 查看详情

实践配置vuedevtools(代码片段)

VueDevtools是Vue开发调试工具,虽然网络上很多文章写了如何配置,但是还是走了一些弯路,先记录如下步骤一:gitclonehttps://github.com/vuejs/vue-devtools二:切换到vue-devtools目录,使用yarn下载依赖,yarn对node... 查看详情

实践配置vuedevtools(代码片段)

VueDevtools是Vue开发调试工具,虽然网络上很多文章写了如何配置,但是还是走了一些弯路,先记录如下步骤一:gitclonehttps://github.com/vuejs/vue-devtools二:切换到vue-devtools目录,使用yarn下载依赖,yarn对node... 查看详情

cobbler——无人值守安装多种版本多种配置操作系统(代码片段)

Cobbler1、Cobbler是一个linux安装服务器,他能实现网络安装环境下的快速安装基于Python开发的2、适用于大规模安装linux操作系统,不同版本的操作系统,同一版本又不同的配置Cobber基于DHCP、PXE、TFTP、HTTP、Kickstart的技术,来提供统... 查看详情

vue3.0的多种侦听方式(代码片段)

目录一、wacthEffect二、watch1.1第一种方式侦听1.2第二种方式侦听1.3侦听多个数据源一、wacthEffect立即执行,没有immediate侦听,watchEffect是立即执行的,没有immediate,不需要传递侦听的内容,自动会感知代码依赖,不需要传参,只需... 查看详情

关于python读取测试数据的多种方式(代码片段)

一、通过创建.ini或.conf文件读取1、创建一个config.ini或者.conf文件,这种方法就是ini文件的读取,如下[api]url=www.taobao.commethod=get[mysql]db=helloport=33062、使用python的configparser库读取,代码如下fromconfigparserimp 查看详情

react传递参数的多种方式(代码片段)

最常见的就是父子组件之间传递参数  父组件往子组件传值,直接用this.props就可以实现  在父组件中,给需要传递数据的子组件添加一个自定义属性,在子组件中通过this.props就可以获取到父组件传递过去的数据//父组件rende... 查看详情

在edge上安装与测试vuedevtools开发者工具

运行自己的vue文件,发现F12开发者模式下有安装vue开发者工具的提示方案一:直接提供安装链接方案二:手动搜索搜索即可安装好后就让它显示那么如何关闭这不中看的提示信息呢?先根据API文档的config内容,在控制台输入如下... 查看详情

线程生命周期与创建线程的多种方式(代码片段)

...一、线程的生命周期(重点)二、实现多线程的多种方式2.1继承Thread类并重写run方法2.2实现Runnable接口并重写run方法补充:另外两种线程创建方式前言最近读完了《深入理解Java虚拟机》大部分理论章节,感觉对JVM... 查看详情