位置: IT常识 - 正文

2023年最新最全 VSCode 插件推荐(2023年最新最全税率表)

编辑:rootadmin
2023年最新最全 VSCode 插件推荐

推荐整理分享2023年最新最全 VSCode 插件推荐(2023年最新最全税率表),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:2023年最新最全生位标准,2023年最新最全的亚瑟,2023年最新最全的亚瑟,2023年最新最全超清追剧软件,2023年最新最全税率表,2023年最新最全的亚瑟,2023年最新最全税率表,2023年最新最全税率表,内容如对您有帮助,希望把文章链接给更多的朋友!

Visual Studio Code 是由微软开发的一款免费的、针对于编写现代Web和云应用的跨平台源代码编辑器。它包含了一个丰富的插件市场,提供了很多实用的插件。下面就来分享 2023 年前端必备的 VS Code 插件!

 前端框架ES7+ React/Redux/React-Native snippets

该插件提供了许多速记前缀来加速开发并帮助开发人员为 React、Redux、GraphQL 和 React Native 创建代码片段和语法。

例如,创建一个新文件并输入 rfce 然后按回车键,这将生成一个 React 函数组件,导入 React 并导出组件。

VSCode React Refactor

这是一个专门为 React 开发人员设计的 VS Code 扩展。在处理大型项目时,重构可能很有挑战性。可以使用 VSCode React Refactor 快速重构代码,它会将 JSX 代码片段提取到新的类、组件中。此外,它还支持 TypeScript、TSX、常规函数、类和箭头函数。

Simple React Snippets

该插件提供了一组精心挑选的 React 代码片段,可以通过输入几个字母轻松地将其添加到代码中。例如,输入 imr 会将 React 导入到组件中。

Typescript React Code Snippets

此插件包含了使用 Typescript 的 React 代码片段,它支持 Typescript(.ts) 或 TypeScript React (.tsx) 等语言。以下是使用 TypeScript 创建 React 组件的两个片段。

默认导出 React:

Vue Language Features (Volar)

默认情况下,我们的 Vue 组件看起来像这样:

使用该插件可以获得漂亮的语法高亮显示、错误检查和代码格式化。并且,它还添加了很多 Vue 指令和事件处理程序,在输入时提供很好的建议。

volar 是专门为 Vue 3 构建的语言支持插件。它基于 @vue/reactivity 按需计算一切,实现原生 TypeScript 语言服务级别的性能。

随着 Vue 3 + TypeScript 越来越流行,Vetur(Vue 的官方 VS Code 扩展)开始出现问题,例如,将 Vue 与 TypeScript 一起使用时 CPU 使用率过高,或者不支持 Vue 3 的新 <script setup>​ 语法。而 Volar 就解决了 Vetur 的问题,并为 Vue 3 + TypeScript 用户提供了最佳的开发体验。它为 Vue 3 提供完整的语言支持,包括标准的单文件组件 (SFC) 语法及其最新添加的 <script setup>。

Vue 3 Snippets

这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段。

Vue VSCode Snippets

此插件将 Vue 2 Snippets 和 Vue 3 Snippets 添加到 Visual Studio Code 中。

React Native Tools

React Native Tools 扩展由 Microsoft 团队构建,它为 React Native 项目提供了一个开发环境。该插件允许在不同的模拟器或仿真器上轻松运行和调试代码,从命令面板快速运行 react-native 命令,而无需在终端中手动运行命令,并使用 IntelliSense 浏览 React Native 的函数、对象和参数等。

JavaScript (ES6) code snippets

通过此插件可以使用预定义的 ES6 语法片段速记,从而提高开发效率。这个 VS Code 插件可以自定义,因为它不特定于任何框架。

Git 集成GitLens

该插件增强了 VS Code 中的 Git,并从每个存储库中释放隐藏数据。可以快速查看代码的编写者、轻松导航和探索 Git 存储库、通过丰富的可视化效果和强大的比较命令获取有效信息,以及执行更多操作,帮助我们更好地理解代码。

Git History

该插件用于查看 Git 日志和文件历史记录并比较分支或提交。

Git Graph

Git Graph 插件用于可视化查看存储库的 Git 操作,并从图形中轻松执行Git操作。

数据分析Import Cost2023年最新最全 VSCode 插件推荐(2023年最新最全税率表)

在项目中导入多个包时可能会出现性能问题,Import Cost 就用于查看将特定库导入项目的成本。该插件会显示导入库的大小,如果大小为绿色,则表示库很小,而红色表示库很大。

Time Master

从编程活动中自动生成的指标、见解和时间跟踪。它是一个开源项目,独立于网络环境,安全轻量。

VS Code Counter

VS Code Counter 插件用于统计项目代码的行数,安装插件之后,右键点击需要统计代码的文件夹,选择“Count lines in directory”,这时就会在项目根目录出现一个名为 .VSCodeCounter 的文件夹,包含了不同格式的结果,编辑器会打开其中的的 .md 格式。结果中会显示代码总行数,不同格式文件行数,不同路径文件函数等。代码行数中有纯代码行数、空白行数、注释行数。

功能强化Duplicate Action

开发时我们可以能会遇到需要复制文件(组件)的情况,默认情况下,必须右键单击该文件,然后单击复制。右键单击要将文件复制到的文件夹,然后单击粘贴。再次右键单击该文件并重命名。

使用该插件,当右键单击文件时,将看到一个新的“Duplicate file or directory”选项。单击它,输入文件的新名称,然后按回车键即可。

npm Intellisense

该插件为 import 语句中的 npm 模块提供了自动完成功能。npm 模块的所有导入都会使用此扩展自动处理。

Path intellisense

该插件用于自动补全文件名。当 import 其它文件时,能够对文件进行提示,快速补全要引入的文件名。

Auto Rename Tag

使用该插件,可以在重命名一个 HTML 标签时,自动重命名 HTML 标签的开始和结束标签。避免只修改了开始标签,而忘记修改结束标签。该扩展适用于 HTML、XML、PHP 和 JavaScript。

Auto Close Tag

通常想要使用一个特定的 HTML 元素时,需要输入开始标签和结束标签。使用该插件后,只需要输入开始标签,它就会自动添加结束标签。对于 Vue 开发人员来说,它还支持自定义类型名称。当输入自定义组件的开始标签时,它会自动添加结束标签。

CSS Peek

使用该插件,可以直接从 HTML 和 JavaScript 文件快速导航和编辑外部样式表中定义的 CSS 样式。它提供了一个“Peek”功能,在 HTML 中选择某个 class 或者 id 名称按住Ctrl键+鼠标左键可以直接定位到该名称的CSS的位置。

该插件有利于处理大型或复杂的 CSS 样式表,因为它可以快速查找和编辑应用于特定元素的样式,而无需浏览多个文件或搜索大量代码。

Regex Previewer

Regex Previewer 用于测试正则表达式。在编写正则表达式时,可以直接使用快捷键 Ctrl+Alt+M (windows)或者 ⌥+⌘+M(Mac)在编辑器右侧启动一个标签页,可以在这个标签页写一些正则表达式测试用例,写完之后,点击正则表达式上方的 Test Regex...,这时右侧标签页匹配到字符就会高亮显示:

Code Spell Checker

Code Spell Checker 插件可以检查单词拼写是否出现错误,检查的规则遵循 camelCase (驼峰拼写法)。

编程美化Highlight Matching Tag

当有很多 HTML 标签时,有时很难将结束标签定位到对应的开始标签,反之亦然。使用该插件,单击开始标签时,会看到结束标签带有下划线。此外,它还会突出显示代码树中的开始和结束标签。如果需要,可以自定义样式以使下划线更加突出。

除此之外,该插件还有一些方便的命令,因此当单击标签时,可以使用​​ctrl + shift + P​​打开命令面板并搜索“Highlight Matching Tag”,会看到两个可以在项目中使用的命令。

TODO Highlight

如果想在将代码发布到生产环境之前提醒自己注意事项或代码中未完成的事情,TODO Highlight VS Code 插件会非常有用。该插件会在代码注释中突出显示某些关键字,如 FIXME: 和 TODO: 以提醒注意事项或尚未完成的事情。

除此之外,使用快捷键 ctrl + shift + P 打开命令面板并搜索 Todo Highlight 选择 List the Highlighted annotations,然后选择 All 以列出在所有文件中留下的所有突出显示的注释。

Better comments

该插件对不同类型的注释会附加了不同的颜色,更加方便区分,帮助我们在代码中创建更人性化的注释。

Colorize

Colorize 会给颜色代码增加一个当前匹配代码颜色的背景。它通过 CSS 变量、预处理器变量、hsl/hsla 颜色、跨浏览器颜色、exa、rgb、rgba和argb的彩色背景将 CSS 颜色可视化,帮助开发者快速区分颜色。

Image preview

通过此插件,当鼠标悬浮在图片的链接上时,可以实时预览该图片,除此之外,还可以看到图片的大小和分辨率。

CodeSnap

CodeSnap 用于对代码的进行截图和共享。屏幕截图可以用文本或形状进行注释,并通过链接共享或包含在网站或文档中。只需使用 ctrl + shift + P 并输入 CodeSnap,然后按回车键,CodeSnap 窗口就会打开。

Error Lens

Error Lens 是一款把代码检查(错误、警告、语法问题)进行突出显示的插件。Error Lens 通过使诊断更加突出,增强了语言的诊断功能,突出显示了由该语言生成的诊断所在的整行,并在代码行的位置以行方式在线打印了诊断消息。

One Dark Pro

Dracula Official

GitHub Theme

Winter Is Coming Theme

Night Owl

One Monokai

Shades of Purple

Ayu

vscode-icons

VSCode 官方出品的图标库。

Material Icon Theme

该插件根据最新的 Material Design 主题为文件和文件夹提供图标。它可以帮助我们识别文件并为编辑器添加自定义的外观。

本文链接地址:https://www.jiuchutong.com/zhishi/300206.html 转载请保留说明!

上一篇:如何在Windows server 2012配置Web服务器(如何在windows server2016中禁用域用户账户)

下一篇:transformers包介绍——nlp界最顶级的包——可以不用 但不能不知道——python包推荐系列(transformerss)

  • lumia 1520(lumia822)

    lumia 1520(lumia822)

  • 视频号直播上网课怎么投屏(视频号 开直播)

    视频号直播上网课怎么投屏(视频号 开直播)

  • 安卓怎么分开控制app声音(安卓怎么分屏双开)

    安卓怎么分开控制app声音(安卓怎么分屏双开)

  • 苹果12qq音乐怎么没有桌面歌词(苹果12qq音乐怎么设置不被其他应用中断)

    苹果12qq音乐怎么没有桌面歌词(苹果12qq音乐怎么设置不被其他应用中断)

  • 如何远程查看别人微信(如何远程查看别人手机)

    如何远程查看别人微信(如何远程查看别人手机)

  • 主机打开显示器没信号的原因(主机打开显示器没有反应)

    主机打开显示器没信号的原因(主机打开显示器没有反应)

  • 升级ios13卡在开机页面(苹果升级卡在开机界面)

    升级ios13卡在开机页面(苹果升级卡在开机界面)

  • 苹果耳机左耳感叹号(苹果耳机左耳感觉有杂音)

    苹果耳机左耳感叹号(苹果耳机左耳感觉有杂音)

  • honor6a是什么手机(honor6x是什么牌子手机)

    honor6a是什么手机(honor6x是什么牌子手机)

  • 红米note7支持otg吗(红米note7支持内存卡扩展吗)

    红米note7支持otg吗(红米note7支持内存卡扩展吗)

  • 表格求和不对怎么回事(表格求和怎么不对)

    表格求和不对怎么回事(表格求和怎么不对)

  • excel的功能和特点(简述excel的功能特点)

    excel的功能和特点(简述excel的功能特点)

  • 手机对焦怎么调(手机对焦怎么调无限远)

    手机对焦怎么调(手机对焦怎么调无限远)

  • 苹果平板wlan版是什么意思(苹果平板WLAN版和公开版)

    苹果平板wlan版是什么意思(苹果平板WLAN版和公开版)

  • 怎么把电脑图标设置小(怎么把电脑图标隐藏)

    怎么把电脑图标设置小(怎么把电脑图标隐藏)

  • word文档表格怎么清空(word文档表格怎么合并单元格)

    word文档表格怎么清空(word文档表格怎么合并单元格)

  • 清理请勿关机要多久(清理 请勿关机)

    清理请勿关机要多久(清理 请勿关机)

  • 域名有什么用(阿里巴巴顶级域名有什么用)

    域名有什么用(阿里巴巴顶级域名有什么用)

  • 快手直播不推送了咋办(快手直播不推送多久恢复)

    快手直播不推送了咋办(快手直播不推送多久恢复)

  • 趣步注销了还需要解绑吗(趣步注销了还需要登录吗)

    趣步注销了还需要解绑吗(趣步注销了还需要登录吗)

  • 直接免拼有什么区别吗(直接免拼需要花钱吗)

    直接免拼有什么区别吗(直接免拼需要花钱吗)

  • 携程优先出票什么用(携程的优先出票)

    携程优先出票什么用(携程的优先出票)

  • 苹果x相机声音怎么关(苹果x相机声音在哪里打开)

    苹果x相机声音怎么关(苹果x相机声音在哪里打开)

  • 闲鱼实名认证要多久(闲鱼实名认证要成年吗)

    闲鱼实名认证要多久(闲鱼实名认证要成年吗)

  • 中国电信网管专家服务是基于什么技术(中国电信网管专家服务报告)

    中国电信网管专家服务是基于什么技术(中国电信网管专家服务报告)

  • 数据架构师是干什么的(数据架构师月薪多少)

    数据架构师是干什么的(数据架构师月薪多少)

  • 畅语电话话费怎么提现(畅享聊话费)

    畅语电话话费怎么提现(畅享聊话费)

  • 陌陌距离前面黄点是什么意思(陌陌距离显示灰色是什么意思)

    陌陌距离前面黄点是什么意思(陌陌距离显示灰色是什么意思)

  • Windows 10系统输入法的U模式(windows 10输入法)

    Windows 10系统输入法的U模式(windows 10输入法)

  • 技术+商业“双轮”驱动,量旋科技加速推进全方位的量子计算解决方案(技术和商业模式怎么写)

    技术+商业“双轮”驱动,量旋科技加速推进全方位的量子计算解决方案(技术和商业模式怎么写)

  • Cursor:GPT-4 驱动的强大代码编辑器(gpib-usb驱动)

    Cursor:GPT-4 驱动的强大代码编辑器(gpib-usb驱动)

  • 如何用ps填补头发(ps填头发)

    如何用ps填补头发(ps填头发)

  • 设备租赁公司印花税怎么交
  • 公司首次申报个税怎么填
  • 税务局开专票作废重开流程
  • 增值税发票认证在哪里
  • 可供出售金融资产和长期股权投资
  • 坏账损失计入什么
  • 企业的净资产包括实收资本吗
  • 固定资产十几万可以直接入费用吗
  • 台港澳与境内合资企业和央企哪个好
  • 资产负债表中存货项目金额怎么算
  • 房子已买
  • 银行发放执行款多久到账
  • 城建税当月缴纳要计提吗
  • 公司开发票就会报税吗?
  • 机打发票要不要税号
  • 小规模纳税人和小微企业区别
  • 保险代理的佣金怎么算
  • 小规模纳税人交企业所得税吗
  • 外购商誉是资产吗
  • 银行基本户年费
  • 失控发票账务处理
  • 红利抵免的用法是什么
  • 公司之间银行往来款怎么做账
  • 房屋维修费属于固定资产吗
  • 企业为员工缴纳社保可以抵税吗
  • cmos是bios参数设置的
  • 微信支付被限制是怎么回事
  • KB5004296无法安装,提示错误代码:0x800f0990的解决方法
  • 展位费一般多少钱
  • 增值税的计税依据包括消费税吗
  • 虚假财务报表的法律后果
  • shwicon.exe - shwicon是什么进程 有什么用
  • unik面部识别怎么用
  • 项目成本估算的结果一般不包括
  • vue3.0用法
  • 土地抵减销项税 土地增值税
  • 股权转让完税证明要多少时间
  • 计算机视觉的应用
  • php用户登录注册源码
  • 中小企业发展专项资金亮点 免申即享
  • 税前利润弥补是什么意思
  • 建筑公司可以开3个点的专票吗
  • 用jdom创建中文的xml文件的方法
  • 收到以前年度退回的企业所得税怎么做账
  • 差旅费退回怎么做账
  • 借款利息税前扣除应当注意的三个问题
  • 出差餐补算在工资里吗
  • 损益类科目有哪些借贷方向
  • 上年度没有计提企业所得税,今年怎么做分录
  • 收到捐赠的账务处理和涉税处理
  • 政府补助收入是指
  • 收到科技局研发项目资金计入什么科目
  • 冲销以前月份的凭证
  • 支付宝可以对公账户转账吗怎么转
  • 制造费用如何控制
  • 交易性金融资产的账务处理
  • 进项税额已抵扣又红字冲红税务系统自动冲回吗
  • 上期留抵税额怎么在账上提现
  • 进项票是服务费怎么做会计分录
  • win10系统提醒
  • linux安装iso软件
  • centos 怎么用
  • centos7挂载cdrom
  • CentOS yum php mcrypt 扩展安装方法
  • win7更新不了80072efe
  • SpySub.exe - SpySub是什么进程
  • linux强大的网络功能
  • grid表格
  • nodejs报错
  • 安卓开发解析xml
  • javascriptj
  • jquery左右移动动画效果
  • xp启动项 命令
  • service segment
  • jquery validate表单校验长度
  • 下列关于javascript的叙述正确的有
  • 不配合税务检查的法律责任
  • 民办学校需要交工会经费吗
  • 医院等级怎么查询系统
  • 2020江苏省禁钓规定
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设