vue3控制台打印格式化功能使用

于 2024-04-26 10:24:27 发布
阅读量146 收藏
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39174318/article/details/138156503
版权

打开浏览器开发工具 => 设置 => 偏好设置 => 控制台 => 勾选“自定义格式设置工具”。
在这里插入图片描述
然后控制台打印就从
在这里插入图片描述

变成了更直观的
在这里插入图片描述

CH_X_M
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue打印一句话到控制台_vue中兄弟组件间 的传值 bus(可以理解为公共交通)
weixin_34513436的博客
01-26 452
.首先随便哪儿写个bus。js内容如下：import Vue from 'vue' export default new Vue;2.在需要通信的组件都引入Bus.js （两兄弟都要引入）如上图所示大儿子按钮触发事件，$emit 传数据，另一个兄弟组件mounted接受，$on接受数据搞定但是到这儿后，一定要注意一个最容易忽视，又必然不能忘记的东西，那就是清除事件总线eventBus.不手动清除，...
vue3在控制台打印相关变量的值
sinat_31773153的博客
03-06 1201
vue3在控制台查看变量的值
Vue3开发调试小技巧，在控制台直接打印出Ref的值
05-10 2037
所以Vue官方就考虑到这个确实麻烦，就增加一个客户端格式化打印的方法，直接打印出Ref的值，需要在浏览器里设置：点击这个小齿轮设置。做Vue3开发的都知道，在控制台打印Ref对象的时候，其实需要点击一下才能看到值：是不是很麻烦。
控制台打印vue实例
Fishmoving的博客
12-10 2873
控制台打印vue实例
有趣的代码注释
jimmychan的博客
10-30 656
<!-- :: :;J7, :, ::;7: ,ivYi, , ;LLLFS: :iv7Yi ...
前端写接口 请求后台数据 存vuex中 打印到控制台
ccq的博客
08-05 4012
前端写接口请求后台数据，ajax axios vuex 数据处理，数据渲染。
VueCli3构建TS项目的方法步骤
12-10
VueCLI3默认集成了ESLint和Prettier，可以对项目代码进行格式化和错误检查。 在VueCLI3项目中，`import` 和 `require` 用于模块导入。`import` 语句通常用于静态导入，它是编译时的行为，适合开发阶段。而`require`...
详解element-ui日期时间选择器的日期格式化问题
10-17
在使用Vue.js和Element-UI构建后台管理系统时，日期时间选择器DateTimePicker是常用组件，用于用户方便地选取日期和时间。然而，在实际应用中，我们可能会遇到将前端选取的日期时间传递给后台时，由于格式不匹配导致...
详解vue文件中使用echarts.js的两种方式
12-10
在网上搜到vue中合成了vue-echarts，但是不想使用vue中规定好的数据格式，于是就自己做了一个vue项目引用原生echarts的简单demo，实现过程如下：用了两种实现方式 准备工作 1、安装echarts依赖 控制台输入：npm ...
VUE开发者工具，vue-devtools-4.1.4_0。
04-16
7. **Console集成**：在浏览器控制台中，Vue DevTools提供了一些有用的命令，如`$vm`引用，允许直接访问当前Vue实例，以及`%c`CSS格式化输出。 8. **热重载与编译信息**：在开发环境中，可以观察到热重载的更新，...
vue for devtools
05-30
Vue.js 是一款流行的前端JavaScript框架，它以组件化开发、易用性和高性能著称。Vue DevTools 是一个专为开发者设计的强大浏览器插件，主要用于调试 Vue 应用程序。这款工具能够提供对Vue实例的深入洞察，帮助开发者...
怎么在控制台打印vue实例对象_从实践了解Vue生命周期
weixin_39809540的博客
11-23 2536
点击上方的蓝字关注置顶♡期待与你相遇♡01 前言想要使用Vue高效的完成开发，那么只是单纯地知道Vue里面的基本语法是不够的，如果一旦发生问题，可能需要花费大量的时间去寻找问题的根源，很多时候遇到的问题就是代码写错了地方，不了解在哪个阶段该做怎么事情，所以了解生命周期是件很有必要的事情。02什么是Vue的生命周期Vue生命周期就是Vue在创建实例时经历的页面加载到页面渲染的过程，以及数...
控制台输出vue实例
weixin_50723565的博客
04-24 2894
本文主要介绍vue的一些使用方式
vue的简单学习
weixin_42196338的博客
10-24 2836
vue的简短学习
vue3 ref 响应式数据赋值的问题，控制台打印更新，但页面未更新
最新发布
weixin_45578532的博客
10-12 6111
普通的数组对象赋值给ref响应式数组对象，第一遍正常，第二遍控制台打印有数据但是页面没回显
vue-cli3打包后去掉控制台打印（console）
Maggie_01的博客
06-27 4526
打包时过滤控制台打印
2020 vue-cli3 控制台一直打印 /sockjs-node/info?t=xxxxx 解决方案
超逸の学习技术博客
01-19 2213
文章目录1、背景：2、解决办法3、结束语 点击进入Vue❤学习专栏~ 1、背景： 2、解决办法 以下是最有可能情况： 如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环境就可以了。 如果是生产环境，很大可能是应该是域...
vue-cli 代码保存格式化
09-01
vue-cli 默认的代码保存格式化是通过使用 ESLint 来实现的。ESLint 是一个广泛使用的 JavaScript 代码检查工具，可以帮助我们检查和格式化代码，以确保项目的代码质量和风格的一致性。 在 vue-cli 项目中，默认的配置文件 ".eslintrc.js" 中包含了一些预设的规则用于代码检查和格式化。这些规则可以通过修改该配置文件来进行调整。在配置文件中，我们可以指定需要使用的规则和插件以及关闭一些不符合项目需求的规则。 当我们在开发过程中保存代码时，vue-cli 内置的 webpack-dev-server 会自动使用 eslint-loader 来检查和格式化我们的代码。默认情况下，eslint-loader 会根据 ".eslintrc.js" 中的配置来对代码进行检查和格式化。 如果我们的代码不符合规则，eslint-loader 会在控制台输出警告或错误信息，指出代码中的问题。同时，部分编辑器也可以在代码编辑过程中实时显示错误和警告信息，帮助我们及时修改错误和遵循规则。 此外，我们也可以在命令行中运行 "npm run lint" 命令，来手动检查代码并查看详细的错误和警告信息。 总结来说，vue-cli 默认采用 ESLint 来进行代码保存格式化，通过配置 ".eslintrc.js" 文件，我们可以自定义需要的规则和插件，确保代码的质量和风格的一致性。在开发过程中，我们可以通过编辑器的实时检查和命令行的手动检查来及时发现和修改代码中的错误和问题，从而提高开发效率和代码质量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值