谷歌安装vue-devtools以及上线项目关闭vue-devtools调试

zmyalh

已于 2022-05-30 16:01:54 修改

阅读量906

点赞数

分类专栏： devtools 文章标签： vue

于 2020-09-30 10:15:50 首次发布

本文链接：https://blog.csdn.net/zmyalh/article/details/108880292

版权

本文介绍了如何在谷歌浏览器中安装vue-devtools，包括通过npm或cnpm安装，解决版本不匹配问题，以及如何配置manifest.json。同时，文章强调了在项目发布后需要在main.js中关闭vue-devtools，以防其他用户篡改Vuex状态和查看敏感信息。

摘要由CSDN通过智能技术生成

谷歌安装vue-devtools以及上线项目关闭vue-devtools

**
1.下载 vue-devtools

    地址：https://github.com/vuejs/vue-devtools （推荐）
    git下载 git clone https://github.com/vuejs/vue-devtools

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zmyalh

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vuex-devtools插件的作用及用法

SDAW_1的博客

01-31

2714

detools插件作用：跟踪记录每一次改变state的状态，从而知道是哪个组件修改了state （前提：state是通过mutations修改）如下例，目标为通过点击按钮修改mutations中的counter vuex配置文件index.js 创建store文件夹，在其中创建index.js文件来存放Vuex配置代码 import Vue from 'vue' import Vuex fro...

Vue项目上线后关闭vue-devtools调试工具

灵壹Eli的博客

04-20

1449

【代码】Vue项目上线后关闭vue-devtools调试工具。

参与评论您还未登录，请先登录后发表或查看评论

SpringBoot热部署重启关闭(DevTools)

最新发布

Charge8的博客

07-24

1134

SpringBoot热部署重启关闭(DevTools)

Vue项目上线后关闭chroma的vue-devtools调试工具

qq_24418107的博客

11-28

485

【代码】Vue项目上线后关闭chroma的vue-devtools调试工具。

Vue生产环境打包关闭Devtools工具

LMX的博客

11-24

3162

Vue生产环境打包关闭Devtools工具 const isDebug_mode = !(process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'staging') //关闭开发工具 Vue.config.debug = isDebug_mode Vue.config.devtools = isDebug_mode Vue.config.productionTip = isDebug_mode 如果不是生产或测试环境关闭测试工

vue项目上线后关闭vue-DevTools等调试工具-配置说明

JackieDYH的博客

07-01

3703

在项目的main文件中添加如下代码 constisDebug_mode=process.env.NODE_ENV!=='production'; Vue.config.debug=isDebug_mode; Vue.config.devtools=isDebug_mode; Vue.config.productionTip=isDebug_mode;

vuex和devtools

weixin_43862280的博客

03-08

881

Vuex 简介官方解释:Vuex是一个专门为Vue.js应用程序开发的状态管理模式 1.它采用集中式储存管理应用的所以组件的状态,并且相应的规则保证状态以一种可预测的方式发生变化 2.Vuex也集成到Vue的官方调试工具devtools extension,提供了诸如零配置的time-travel调试,状态快照导入导出等高级调试功能. 应用场景 1.在大型的项目中,遇到的多个状态,在多个界面间得...

vue-devtools

03-27

对于经验丰富的开发者，Vue Devtools则是一个不可或缺的工具，能够帮助他们更高效地调试和优化Vue项目。因此，无论你是Vue新手还是资深开发者，都应该熟练掌握Vue Devtools的使用方法，以便在开发过程中更好地驾驭...

Vue调试神器vue-devtools.zip

12-26

而Vue DevTools则是Vue.js开发者的重要辅助工具，它为开发者提供了一套直观、高效的调试环境，使得在Vue应用的开发和调试过程中能快速定位问题、理解组件状态以及优化性能。 Vue Devtools 是一个浏览器扩展程序，...

vue-devtools@6.1.4谷歌插件

04-27

vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去

vue-devtools-5.1.1

12-29

这个"vue-devtools-5.1.1"版本是Google开发的Vue DevTools的一个特定版本，主要用于支持Vue.js 2.x的应用。 Vue DevTools 5.1.1 版本主要特性包括： 1. **组件树视图**：展示应用中的所有Vue组件及其层级结构，...

Vuex-devtools和mutation的简单使用

Carol__a的博客

10-02

475

将store对象放置在new Vue对象中这样可以保证在所有的组件中都可以使用到。将共享的状态抽取出来，交给“大管家”，统一进行管理，之后按照。关系传值共用，也可以使用vuex将需要共享的资源储存在一个对象中。在其他组件中使用$store.state.属性的方式来访问状态。在src下创建./src/store/index.js。出现问题，安装的版本过新，下载对应的正确的版本。3.Vuex是一个插件，使用时需要。现在可以使用store内的数据了。2.需要共享数据时可以使用父子。

vue-cli项目上线后关闭sources与devtools

焦虑的博客

07-15

1366

关闭sources //vue.config.js中配置 configureWebpack: { devtool: process.env.NODE_ENV === "development" ? "cheap-module-eval-source-map" : "cheap-module-source-map", }, 关闭devtools Vue.config.productionTip = false const isDebu

怎样用Vue Devtools调上线的页面

weixin_33725807的博客

09-07

505

Production 打包输出的Vue项目怎样使用Vue Devtools了? 第一步：我们用掘金的页面走一波，首先得到Vue类，一般来说Vue的源码都被打包到了vendor.xxx.js文件中。我们可以这样得到Vue类。我们打开chrome 开发者工具，找到这个文件，然后搜索prototype.$nextTick，在搜索的代码上打上断点，然后刷新页面在控制台中保存Vue 类看图： ...

vue-devtools 清除Vuex中的state值，浏览器清空state值

u014678583的博客

03-23

3747

前提：你的浏览器已经安装vue-devtools工具场景：当你做了很多项目的时候，总会有些多出来的state值是无用的，如果不删除，state下的值会越来越多（不管有用的还是没用的值）。这样很不好，在浏览器中又不能直接删除，网上找了一堆，结果全是没用的，也是醉了，所有就自己写了一个方法清空掉所有的state值。 1、假设我要清除state下的所有值 2、添加mutations中的方法 //模拟数据 state: { includeList: [], oneNavCur:0,

Chrome DevTools

java_hzh的博客

08-05

595

第一篇 Console【控制台】控制台概览本页面介绍了 Chrome DevTools Console 如何让开发网页变得更容易。控制台有两个主要用途：查看记录的消息和运行 JavaScript。查看记录的消息 Web 开发人员经常将消息记录到控制台，以确保他们的 JavaScript 按预期工作。要记录消息，请在 JavaScript 中插入一个类似于 console.log('Hello, Console!') 的表达式。当浏览器执行您的 JavaScript 并看到这样的表达式时

Vue 学习(十一、状态管理模式-Vuex 和调试工具-Devtools)

Ares5k

02-17

3375

状态管理模式-Vuex 和调试工具-Devtools

搭建Vue开发环境以及关闭控制台提示信息（包含vue-devtools安装）

m0_62956385的博客

08-03

2398

搭建Vue开发环境以及关闭控制台提示信息（包含vue-devtools安装）