位置: IT常识 - 正文

VScode 常用插件推荐,非常全面(vscode常用插件功能简介)

编辑:rootadmin
VScode 常用插件推荐,非常全面 文章目录一、主题美化PeacockMaterial ThemeMaterial Theme IconsbackgroundPower ModeRainbow CSVIndent RainbowPolacode二、检查格式化ESLintPrettier - Code formatterPrettier ESLintStylelint三、编程美化Document ThisBetter CommentsRainbow Brackets四、集成插件DockerPostCodeREST ClientLive ServerCode RunnerTabnineGitLensGit HistoryRemote Development五、开发效率Vetur/volarCodelfWXML - Language ServiceXML ToolsAuto Rename Tagjson2tspx to rem & rpx (cssrem)CSS PeekIntelliSense for CSS/SCSS/LessPath IntellisenseImage previewTrailing SpacesAuto Close TagHTML CSS SupportBookmarksError LensProject Manager六、数据分析VS Code CounterImport Costfilesize七、学习一下Code Spell CheckerA-super-translate会了吧八、摸鱼神器LeetCodefisher4399 on VSCodeVSC Netease Music韭菜盒子Rainbow Fart九、其他Partial DiffChineseTodo TreeVimMarkdown Preview EnhancedMarkdown PDFMarkdown All in One一、主题美化Peacock

推荐整理分享VScode 常用插件推荐,非常全面(vscode常用插件功能简介),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vscode常用插件功能简介,vscode常用插件下载,vscode常用插件离线包,vscode常用插件下载,vscode常用插件有哪些?作用是什么?,vscode常用插件下载,vscode常用插件前端开发,Vscode常用插件,内容如对您有帮助,希望把文章链接给更多的朋友!

可以为 VScode 中的不同项目添加不同的颜色主题,方便区分不同项目。

效果图:

Material Theme

为 VScode 提供 Material Design 风格的主题。

Material Theme Icons

为 VScode 中的文件和文件夹添加 Material Design 风格的图标。

background

给 Visual Studio Code 添加背景,也可以自定义背景图片。

效果图:

Power Mode

炫酷的敲代码插件。

效果图:

Rainbow CSV

对 CSV 文件进行语法高亮,方便查看和编辑。

效果图:

Indent Rainbow

为缩进添加彩虹色条带,方便识别缩进层次。

效果图:

Polacode

生成漂亮的代码截图的插件。

效果图:

二、检查格式化ESLint

用于 JavaScript/TypeScript 代码的语法检查和格式化。

Prettier - Code formatter

代码格式化插件,支持多种语言。

Prettier ESLint

代码格式化。

Stylelint

CSS代码检查工具,包括捕捉错误、最佳实践、控制可以使用的语言特性和强制代码风格规范。

效果图:

三、编程美化Document This

主要针对JavaScript 和 TypeScript 语言生成注释。

效果图:

Better Comments

一款美化注释的插件,可以根据不同种类的注释,显示不同的颜色,一目了然,提高注释可读性。

效果图:

Rainbow Brackets

在代码中使用彩虹色高亮括号,方便识别括号嵌套层次。

效果图:

四、集成插件Docker

集成 Docker 环境,方便在 VScode 中管理容器和镜像。

PostCode

在 vscode 里面使用 postman

效果图:

REST Client

可直接在 VScode 中发起 HTTP 请求,方便测试和调试 API。

效果图:

Live Server

为 HTML、CSS 和 JavaScript 提供实时预览和自动刷新,在浏览器中实时预览静态网页的插件。

效果图:

Code Runner

支持多种编程语言的代码运行器。

Tabnine

AI 辅助自动补全插件,支持多种语言。

效果图:

GitLens

用于集成 Git 功能,提供更多的 Git 信息和可视化操作。

效果图:

Git History

可以查看 Git 历史记录和提交详细信息。

效果图:

Remote Development

远程开发插件,可以在 VScode 中远程连接到远程主机或容器中开发。

效果图:

五、开发效率Vetur/volar

vue/vue3语法高亮、智能感知、Emmet等, 包含格式化功能。

Codelf

变量命名神器 效果图:

WXML - Language Service

微信小程序 .wxml 文件代码高亮,标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 code snippets)。

效果图:

XML Tools

XML 文件增强插件,提供 XML 文件的语法提示、自动补全、格式化等功能。

Auto Rename Tag

自动重命名成对的HTML标记,修改开始标签,结束标签会同步修改。

VScode 常用插件推荐,非常全面(vscode常用插件功能简介)

效果图:

json2ts

效果图:

px to rem & rpx (cssrem)

自动换算单位的插件。很简单,出现提示以后回车即可。

效果图:

CSS Peek

可以通过点击类名迅速定位到样式的定义。但不支持less、stylus的嵌套

效果图:

IntelliSense for CSS/SCSS/Less

提供 CSS、SCSS 和 Less 的语法提示和自动补全。

效果图:

Path Intellisense

提供文件路径的自动补全和提示。

效果图:

Image preview

预览代码中图片的引用,鼠标移上去就会有小窗展示图片。

效果图:

Trailing Spaces

把尾随空格显示出来。

效果图:

Auto Close Tag

自动闭合 HTML/XML 标签的插件,避免输入错误的标签闭合造成的问题。

效果图:

HTML CSS Support

在 HTML 文件中提供 CSS 的语法提示和自动补全功能。

Bookmarks

为代码添加书签,方便在文件中快速跳转。

效果图:

Error Lens

将编辑器诊断出的警告、错误、语法问题(提示的波浪线)等,以用颜色填充行背景的方式突出提示,并将诊断信息显示在尾部。

效果图:

Project Manager

项目管理,方便进入任何项目

效果图:

六、数据分析VS Code Counter

统计代码总行数、注释行数、空白行数,以及使用的语言。

效果图:

Import Cost

在导入语句中显示导入模块的大小的插件。

效果图:

filesize

在状态栏中显示当前文件大小。

效果图:

七、学习一下Code Spell Checker

检查代码中单词拼写是否正确,当单词不正常的时候,就会在下方出现波浪线进行提示,还可以自定义词典,忽略某个单词的检查等。

效果图:

A-super-translate

划词翻译。鼠标停留选中几秒就会查看翻译内容。

效果图:

会了吧

打开源码可以自动分析所有包含的英语单词,并显示解释结果,先学单词再看代码

八、摸鱼神器LeetCode

在线LeetCode刷题

效果图:

fisher

独创4种最隐蔽最安全摸鱼方式,其中猥琐模式/安全模式,极为隐蔽,瞒天过海,暗度陈仓。

效果图:

4399 on VSCode

玩一会 4399 小游戏, 放松身心, 劳逸结合, 更好地开始接下来的工作 。

效果图:

VSC Netease Music

网易云音乐程序员版,使用 Webview 实现,通过 HTMLAudio​Element 播放音乐,不依赖命令行播放器

效果图:

韭菜盒子

VSCode 里也可以看股票 & 基金实时数据,做最好用的投资插件。

效果图:

Rainbow Fart

VSCode Rainbow Fart是一个在你编程时持续夸你写的牛逼的扩展,可以根据代码关键字播放贴近代码意义的真人语音。

九、其他Partial Diff

查看哪里修改了代码、查看输出的日志信息有什么区别等等。

Chinese

为 VS Code 提供本地化中文界面。

Todo Tree

可以扫描代码中的注释并生成待办事项列表,方便管理任务。

效果图:

Vim

为 VScode 添加 Vim 的编辑模式。

Markdown Preview Enhanced

提供更多的 Markdown 预览和导出选项,预览窗口内置于 vscode 中。

效果图:

Markdown PDF

MarkdownPDF可将Markdown文件转换为pdf、html、png或jpeg文件

效果图:

Markdown All in One

为 Markdown 提供语法高亮、预览、导出等功能。

效果图:

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

上一篇:圣安德鲁斯湾岸边的三只王企鹅,南乔治亚岛 (© Paul Souders/Getty Images)(圣安德鲁斯市)

下一篇:CSS选择器分类大全(css选择器分哪几类)

  • 设计合同服务期限怎么写
  • 销项税额是指
  • 确认了收入但是没收入
  • 外购商品结转成本分录
  • 可供出售金融资产和长期股权投资
  • 应交税费应交增值税转出未交增值税是什么意思
  • 中介费要求开发票中介公司不开
  • 政府减免税款如何账务处理
  • 金税盘发票打印不全
  • 房地产企业预售阶段企业所得税
  • 商业零售企业实行增值税后购进商品业务的账务处理
  • 合伙企业是否需要缴纳增值税
  • 采购商品未入库的会计分录
  • 进口产品增值税的组成计税价格
  • 个人可以开技术服务费发票税率多少
  • 出口收取佣金要开发票吗?
  • 行车记录仪怎么开发票
  • 小规模纳税人咨询费税率
  • 税控盘证书密码一天可以输几次
  • 金税四期什么时候结束
  • 退休人员返聘后辞退怎样补偿
  • 材料费用定额是什么意思
  • 股权转让需要什么资料
  • 电子发票已缴税怎么查
  • 跨年度的费用发票,如何做分录
  • 试营业期间的费用算不算开办费?
  • 企业收到退款应该如何做会计处理?
  • 个体工商户的专票可以抵扣吗
  • 利润分成的会计分录
  • 怎么激活win10密钥
  • win11开机蓝屏怎么解决
  • scanregistry.exe - scanregistry是什么进程 有什么用
  • win10默认网关自动清空
  • 如何免费获得microsoft
  • dgservice.exe是什么
  • 为什么系统弹出登录此网络
  • 2020工资计税基数怎么算
  • 路由器登录密码忘了怎么设置
  • php接收数据的方法
  • 卖出回购证券的钱怎么算
  • 残保金的会计处理
  • 多模态 融合
  • 海外佣金需要交税吗
  • 加油票发票抬头开错了
  • 公司给买员工保险
  • 公司车辆退保进哪个科目
  • 专项扣除三险一金是哪三险
  • 检查sqlserver是否安装完成
  • 废料处理没开票销项税
  • 个人承担社保有哪些
  • 进项税转出怎么交税
  • 什么时候开始取卵
  • 公司送的车还能要回去吗
  • 业务员出差借款,用途写什么
  • 企业比赛奖金要交税吗
  • 收到个人所得税手续费返还如何做账
  • 账面余额与账面净值
  • 应收账款的账户余额
  • sql字段转首字母大写
  • sqlserver数据库事物日志已满
  • Win7如何取消电脑的屏幕保护
  • 快速释放剪贴蒙版快捷键
  • windows server 2008 r2怎么用u盘启动
  • 如何把virtualbox虚拟机里面的文件传到主机
  • windows崩溃后怎么修复
  • WIN10系统崩溃如何自救?
  • Win7 64位操作系统怎么使用DVD刻录光驱复制软件
  • 在windows xp的应用程序中,经常有一些
  • win7电脑无法正常启动系统
  • win8隐藏任务栏怎么恢复
  • linux系统中怎么编写一个程序
  • cocos2dx3.4 Label
  • 网页跳转的实现方法
  • 安卓图片缓存太占空间
  • linux shell脚本中sudo后输入密码
  • 使用Python对SQLite数据库操作
  • JavaScript设置字体颜色
  • android 引用第三方库
  • 海关编码查询 商品编码查询
  • 广西空置房物业费减免政策吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设