实践配置vuedevtools(代码片段)

隔壁小王66 隔壁小王66     2022-12-04     253

关键词:

Vue Devtools是Vue 开发调试工具,虽然网络上很多文章写了如何配置,但是还是走了一些弯路,先记录如下

步骤

一:git clone https://github.com/vuejs/vue-devtools

二:切换到vue-devtools目录,使用yarn 下载依赖,yarn对node版本有要求,这里笔者切到到10.0.0版本,执行 yarn install

三:这里会提示Cypress下载error,需要连接网络代理,不用管他

四:在目录里

这里目录跟网络大多不一样,可能是更新了,编辑配置文件的json

改为true即可

五:直接编译,执行yarn run build即可

六:Chrome浏览器 > 更多程序 > 拓展程序

点击加载已解压程序按钮, 选择 vue-devtools > shell-chrome

七:这个时候大多数还是无法在调试模式里面看到vue,需要在项目中添加


然后启动项目,打开调试,可以找到vue了

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

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

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

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

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

Vuedevtools的安装两种方式,主要将第二种,略微记录第一种。第一种:通过Chrome网上应用店进行Vuedevtools的安装第二种:通过Github上Vuedevtools的代码进行安装Vuedevtools仓库地址先将其克隆到本地查看目录解构可知ÿ... 查看详情

textlinux审核了最佳实践配置(代码片段)

查看详情

配置服务apollo部署实践(代码片段)

前言????Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性,适用于微服务配置管理场景。github... 查看详情

sh用于实施acsf配置最佳实践的示例脚本(代码片段)

查看详情

ansible---item实践配置(代码片段)

多种示例,以下都是放入main.yml里面-name:"loopthroughlist"debug:msg:"Anitem:item"with_items:-1-2-3-name:addseveralusersuser:name:"item"groups:"wheel"state:presentwith_items:-testuser1-testuser2-name:"loopth 查看详情

springboot自动配置理解与实践(代码片段)

一自动配置理解    SpringBoot提倡通过注解(annotation)来进行Bean的配置。最终达到零配置,开箱即用的效果。我们可以简单的认为SpringBoot里面有两种创建Bean的方式:configure(即@Configuration注解的使用)和auto-configure(即@E... 查看详情

es最佳实践配置(代码片段)

Elasticsearch性能优化Elasticsearch是当前流行的企业级搜索引擎,设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。作为一个开箱即用的产品,在生产环境上线之后,我们其实不一定能确保其的性能和稳定... 查看详情

使用nacos实现多环境配置以及最佳实践(代码片段)

...实现多环境配置,并在文章最后阐述在产线应用上的最佳实践。针对这篇博文,我们使用上篇博文代码示例,大家可以在cloudalibaba-config-nacos-client3377应用中进行实践。概述我们在开发项目的时候,生产环境和测试环境的一些配置... 查看详情

实践docker部署(代码片段)

实践Docker部署一键Docker安装可以使用如下两种命令之一,注意容器内东八区时间配置curl-fsSLhttps://get.docker.com|bash-sdocker--mirrorAliyun或者curl-sSLhttps://get.daocloud.io/docker|sh常用服务1MySQL创建并更改配置文件/home/dockerFiles/mysql/conf 查看详情

服务发现与配置管理高可用实践(代码片段)

简介:本篇是微服务高可用最佳实践系列分享的开篇,系列内容持续更新中,期待大家的关注。作者:三辰|阿里云云原生微服务基础架构团队技术专家,负责MSE引擎高可用架构本篇是微服务高可用最佳实... 查看详情

except的实践经验(代码片段)

最近爆发SMI安全问题,公司有很多交换机都需要进行安全配置,所以要对200台交换机进行配置,手工登录的方式太慢。现在有两个思路:使用Python的paramiko使用exceptexcept代码如下:===except.code===#!/usr/bin/expect-f#Setvariablessethostname[lin... 查看详情

零配置打包工具parcel实践(代码片段)

  继Webpack之后,又一款打包工具Parcel横空出世,Parcel是快速、零配置的Web应用程序打包器;1、Parcel使用工作进程启用多核编译,并具有文件系统缓存,即使在重新启动后也可快速重新构建。2、Parcel支持JS&#x... 查看详情

springboot实践折腾记:配置即使用,常用配置(代码片段)

生活不可能像你想象的那么好,但也不会像你想象的那么糟。我觉得人的脆弱和坚强都超乎自己的想象。有时,可能脆弱得一句话就泪流满面;有时,也发现自己咬着牙走了很长的路。——源自莫泊桑开始前…本... 查看详情

新jenkins实践-第4章jenkins系统用户认证配置管理(代码片段)

我们进入系统设置>全局安全配置,在这里可以配置jenkins的用户认证和授权策略。在配置之前还是要嘱咐一句,由于配置失败或者不当可能会影响后续用户的登录。在此建议大家首先在测试环境进行测试。可以提前将$JENKINS_HOME... 查看详情

logstash的各个场景应用(配置文件均已实践过)(代码片段)

场景:1)datasource->logstash->elasticsearch->kibana2)datasource->filebeat->logstash->elasticsearch->kibana3)datasource->filebeat->logstash->redis/kafka->logstash->elas 查看详情

华为云物联网高级攻城狮的4年配置中心实践分享(代码片段)

...自华为云社区《华为云物联网高级攻城狮的4年配置中心实践分享》,作者:华为云IoT高级工程师贺张俭。自17年入职华为之后,一直在使用配置中心,4年期间经历了自研配置中心到Apollo再到自研配置中心和Apollo并... 查看详情