首页 > 其他分享 >Mac 添加vue-devtool

Mac 添加vue-devtool

时间:2022-11-28 20:11:20浏览次数:41  
标签:vue 程序 devtool 谷歌 扩展 Mac 文件夹 devtools

在安装vue-devtools时,npm install时总是报错,各种方法都试了,都是不成功,最后在网上找到了这种方法成功了,记录下来。

第一步:创建一个新的空文件夹,最好可以见名知意,进入文件内部,按住shift加右键进去powershell,也可以在cmd中使用cd命令进入此文件夹。

第二步:在终端输入npm install vue-devtools

第三步:下载完成后,会出现一个node_modules文件夹,进入此文件夹,找到其中的vue-devtools文件夹,将其中的vender文件夹拖入谷歌扩展程序中(进入谷歌浏览器,点击左右边的三个点,在更多工具中有个扩展程序,点击扩展程序,将右边的开发者模式打开,将文件拖进去,就会出现一个vue.js devtools扩展程序)

第四步:再打开verder文件夹下的manife.json文件,将persistent修改为true,保存文件,刷新谷歌浏览器。

原文链接:https://blog.csdn.net/qq_46020783/article/details/121539249

标签:vue,程序,devtool,谷歌,扩展,Mac,文件夹,devtools
From: https://www.cnblogs.com/elsons/p/16933477.html

相关文章

  • 在windows的webstorm终端上运行vue add router,报错为:无法加载文件 C:\Users\Miao
      vue:无法加载文件C:\Users\MiaoXing\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go.microsoft.com/fwlink/?LinkID=1......
  • vue文件上传组件
    ​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。在某些业务中,大文件上传是一个比较重要的......
  • vue2 组件共享数据 父子组件 兄弟组件
    父子组件:父只管定义数据和传数据子只管接收数据和声明数据父:<hello:msg="message":user="username"></hello>importhellofrom'@/components/HelloWorld......
  • vue3 第二天vue响应式原理以及ref和reactive区别
    前言:前天我们学了ref和reactive,提到了响应式数据和Proxy,那我们今天就来了解一下,vue3的响应式在了解之前,先复习一下之前vue2的响应式原理vue2的响应式:原理:对......
  • Vue 2.x源码学习:render方法、模板解析和依赖收集
    众所周知,Vue的脚手架项目是通过编写.vue文件来对应vue里组件,然后.vue文件是通过vue-loader来解析的,下面是我学习组件渲染过程和模板解析中的一些笔记。之前的笔记:应用初......
  • Vue中computed和watch的区别
    今天简单说一下computed和watch的区别。先看代码,两者怎么实现的。<divid="app"><inputtype="text"v-model="firstName"><br><inputtype="text"v-......
  • vue2源码学习2vuex&vue-router
    1.vue插件编写插件可以实现对象vue的拓展,比如新增全局属性/方法,添加实例方法,使用mixin混入其他配置项等等。编写插件必须要实现install方法,当调用Vue.use()使用插件时,......
  • 进度条 vue3 vite
    NProgress.js官网 https://ricostacruz.com/nprogress/安装:npminstallnprogress使用://引入NProgress进度条importNProgressfrom'nprogress'import'nprogres......
  • vue大文件上传demo
    ​ 以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传......
  • vue的.sync修饰符用法及原理详解
    vue.sync的历史vue.sync修饰符最初存在于vue1.0版本里,但是在2.0中被移除了。但是在2.0发布之后的实际应用中,vue官方发现.sync还是有其适用之处,比如在开发可复......