vscode react我常用的开发插件汇总

  1. console-log – 此插件用于快捷键生成console,当然你也可以在其他模板中自定义快捷生成内容
  2. CodeGeeX – 一个内嵌在vscode插件列中的AI工具,让我们可以直接获取AI信息而不必麻烦的到其他AI软件或平台搜索
  3. Git History – 此插件用于在vscode中提供一个查询当前选中tab页签的组件的git提交历史,便于在出现git事故时进行分析,日常也可以使用来代替git command
  4. Error Lens – 用来给我们的代码做高亮提示的一个插件,当我们的代码有error或者warnning,就会即刻高亮提示修改
  5. emoji-log – 和console-log类似,不同的是可以生成emoji,方便区分

不必再手动输入console.log,实现快捷键一键生成;
每次生成的console.log中会附带一个随机emoji,方便我们在众多输出中快速找到想要的输出(emoji不同于文字,人类的大脑在面对图像时印象会更深刻😁)

  1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code – Vscode中文插件
  2. Code Runner – 快速运⾏调试代码
  3. Live Server – 实时重新加载本地开发服务器(常适用于本地需要再起一个服务器执行任务)
  4. Image preview – 图片图像预览
  5. Color Highlight – 代码颜色高亮
  6. Turbo Console Log – 快速Log工具
  7. Console Ninja – 在Vscode页面中显示Log
  8. Highlight Matching Tag – 显示标签作用范围
  9. Auto Close Tag – 自动闭合双向改变标签
  10. any-rule – 正则库
  11. DotENV --.env文件高亮

局部参考自: https://blog.csdn.net/Robinwang1128/article/details/135133601
未完待续, 持续更新中…

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/26571.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CID引流电商下的3C产品选品策略深度解析

​摘要:随着电商行业的迅猛发展和消费者需求的日益多样化,CID引流电商作为一种新兴的电商模式,逐渐受到了广泛关注。在这一模式下,3C产品作为高客单价、高技术含量的代表品类,其选品策略的制定显得尤为重要。本文将从多…

新建pdb 打不开 ORA-65104 ORA-25153

select * from pdb_plug_in_violations; 有个waring service_name 冲突,应该是不影响的 -------------------------------------service 冲突解决------------------- Select message, action from DB_PLUG_IN_VIOLATIONS and get the result: MESSAG…

angular编程规范

目录 文章目录 **一、单一职责****1. 单一法则**2. 简单函数 **二、命名****1. 总体命名指导原则****2. 使用点和横杠来分隔文件名****3. 符号名与文件名****4. 服务名****5. 指令选择器****6. 为组件添加自定义前缀****7. 为指令添加自定义前缀****8. 管道名****9. 单元测试文…

北京Web前端大会:探索未来技术的无限可能

北京Web前端大会:探索未来技术的无限可能 在科技日新月异的今天,Web前端技术作为互联网发展的核心驱动力之一,正以前所未有的速度不断演进。北京Web前端大会作为行业内的一次盛会,汇聚了众多前端领域的专家和精英,共同…

KEYSIGHT N1000A与KEYSIGHT 86100D 区别?

N1000A与86100D设计理念和应用领域 N1000A:N1000A是一款宽带宽示波器主机,主要用于高速数字设计的精确测量,从50 Mb/s到超过80 Gb/s。它适用于光收发机设计和生产测试、ASIC/FPGA/IC设计和表征、串行总线设计、电缆和印刷电路板(P…

如何使您的IT资产审计变得轻而易举?

无论您在审核准备方面处于哪个阶段,强大的资产管理策略都至关重要。现在,不可否认的是最初的障碍——精确追踪每一台设备、软件许可证和外围设备可能会让人感到不知所措。 然而,好消息是有简化流程可以帮助您将资产管理从一项令人望而却步的…

Elasticsearch 第二期:倒排索引,分析,映射

前言 正像前面所说,ES真正强大之处在于可以从无规律的数据中找出有意义的信息——从“大数据”到“大信息”。这也是Elasticsearch一开始就将自己定位为搜索引擎,而不是数据存储的一个原因。因此用这一篇文字记录ES搜索的过程。 关于ES搜索计划分两篇或…

0613# 3 八股

拷贝初始化和直接初始化 string str1("I am a string");//语句1 直接初始化 string str2(str1);//语句2 直接初始化,str1是已经存在的对象,直接调用拷贝构造函数对str2进行初始化 string str3 = "I am a string";//语句3 拷贝初始化,先为字符串”I am …

Python私教张大鹏 Vue3整合AntDesignVue之Checkbox 多选框

何时使用 在一组可选项中进行多项选择时; 单独使用可以表示两种状态之间的切换,和 switch 类似。区别在于切换 switch 会直接触发状态改变,而 checkbox 一般用于状态标记,需要和提交操作配合。 案例:多选框组件 核心…

微信小程序游戏与APP游戏:比较与对比

随着移动互联网的迅猛发展,游戏作为一个重要的应用领域,不仅在娱乐消遣中扮演着重要角色,也在商业上展现出巨大的潜力。在游戏开发和发布的选择上,开发者需要考虑多种因素,其中微信小程序游戏和独立APP游戏是两种常见的…

Hack The Box-Blurry

总体思路 CVE-2024-24590->修改脚本/劫持python库 信息收集&端口利用 nmap -sSVC blurry.htbStarting Nmap 7.94SVN ( https://nmap.org ) at 2024-06-10 21:40 EDT Nmap scan report for app.blurry.htb (10.10.11.19) Host is up (0.20s latency).PORT STATE S…

【电机】了解无刷直流电机BLDC

1 介绍 无刷直流电机(Brushless Direct Current Motor,简称BLDCM)由电动机主体和驱动器组成,是一种典型的机电一体化产品。无刷电机是指无电刷和换向器(或集电环)的电机,又称无换向器电机。这是…

本地靶场搭建

1、windows service2003 链接:https://pan.baidu.com/s/1RIealrcfcDWKu1AIuYFbAQ?pwd4bv8 提取码:4bv8 2、asp环境搭建(虚拟机内) ①asp工作原理: 客户发送网站请求,iis接收客户请求,解析…

基于JSP的超市管理系统

你好呀,我是计算机学长猫哥!如果有相关需求,文末可以找到我的联系方式。 开发语言:Java 数据库:MySQL 技术:JSP MyBatis 工具:IDEA/Eclipse、Navicat、Maven 系统展示 员工管理界面图 管…

Android Display管理服务DMS

1 获得显示设备信息: DisplayManagerService 启动后从SurfaceFlinger当中获取到系统默认的Display 与HDMI display的信息。 2 应用程序端指定其应用ContextImpl的Display。 3 应用程序获得Surface和配置Surface,这个surface对应于SurfaceFlinger中的L…

Ecahrts横向柱状图自动滚动

1.定义一个定时器标识 let timer: NodeJS.Timer; // 定时器 2.定义展示的数据的条数 const dataZoomEndValue 5; // 数据窗口范围的结束数值(一次性展示几个) 3.设置datazoom的相关参数 dataZoom: [{show: false, // 是否显示滑动条xAxisIndex: 0, // 表示从X轴的零刻度线…

谷粒商城实战(035 k8s集群学习1-前置介绍)

Java项目《谷粒商城》架构师级Java项目实战,对标阿里P6-P7,全网最强 总时长 104:45:00 共408P 此文章包含第339p-第p342的内容 分布式高级篇总结 高可用集群 内容 k8s介绍 为什么使用k8s 组件 master组件 node(节点)组件 要部…

React获取DOM节点

文章目录 使用 useRef使用 createRef使用回调函数形式 在React中,通常不推荐直接操作DOM节点,因为React通过其虚拟DOM(Virtual DOM)来管理DOM的更新,以确保性能优化和一致性。 然而,在某些情况下&#xff0…

[SWPUCTF 2022 新生赛]ez_1zpop(php反序列化之pop链构造)

[SWPUCTF 2022 新生赛]ez_ez_unserialize <?php class X {public $x __FILE__;function __construct($x){$this->x $x; }function __wakeup(){if ($this->x ! __FILE__) {$this->x __FILE__; }}function __destruct(){highlight_file($this->x);//flag is…

称重显示模块 Modbus RTU 通信

目录 一、智能称重数字显示器模块(带通信)1、称重传感器接线说明称重显示模块称重传感器USB 转 TTL 2、校准传感器&#xff08;标定&#xff1a;零点标定、满度标定&#xff09; 二、Modbus RTU 协议1、Modbus RTU 数据帧2、数据帧格式请求帧响应帧 三、上位机电脑与称重显示模…