位置: 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选择器分哪几类)

  • 公司对个人的欠款怎么发律师函给他
  • 公账转法人私账的注意事项
  • 财务金额表格
  • 注册分公司独立核算和非独立核算的区别
  • 发票校验码被章盖住了
  • 城镇土地使用税纳税义务发生时间
  • 货物运输代理服务
  • 企业出资怎么填写
  • 企业出现税务问题的案例
  • T3现金流量表怎么删除
  • 居民企业核定征收企业所得税的情形有哪些
  • 煤炭企业会计核算办法
  • 电脑怎么写记事本
  • 进口设备贴息政策2019
  • 房地产企业销售现房是否预缴增值税
  • 主营业务收入具体是什么
  • 个人转租工厂需交什么税
  • 国税票怎么开
  • 公司注销无法支付的款项如何处理
  • 企业支付员工的工资
  • 代理国库税收收缴怎么做账
  • 委托代销中受托方账务处理
  • 租金怎么来计算个税
  • mac侧边栏设置
  • 笔记本如何打开无线网络开关
  • 来料加工报废产品合同
  • php数组函数 菜鸟
  • 在laravel中,界面文件应该放在以下哪个路径下
  • 解决出现问题的人
  • 企业债权人进行财务分析的根本目的是关心企业的
  • 转让股权后公司资产
  • php 命名空间
  • River Avon in Bath, England (© Robert Harding World Imagery/Offset by Shutterstock)
  • 水利建设基金按季度缴纳
  • 生产企业成本会计做账流程
  • 一切皆对象什么意思
  • 开具增值税专用发票的规定
  • 融资租赁手续费一次性还是摊销
  • 政府补助的相关法律法规
  • 工资结算汇总表怎么填
  • 个体户经营所得税率表
  • 应收账款属于会计科目吗
  • 实际报销金额
  • 水利基金和印花税的计税依据一样吗
  • 企业给员工单独交社保
  • 企业购进的固定资产
  • 工资及福利费科目
  • 如何理解其他应收款的概念
  • 平均增长率计算公式怎么算
  • 停薪留职社保怎么算
  • 个体私营企业有哪些
  • 账务处理程序和财务处理程序
  • sql server错误和使用情况报告
  • 如何查看windows密钥
  • xp系统蓝屏解决
  • dll进程
  • windowxp怎么设置密码
  • .exe是什么软件
  • win7开机提示音在哪里关闭
  • win8操作
  • win7软件包
  • win10系统的电脑有哪些
  • unityfs 加密反编译
  • OpenGL ES2.0-iPhone开发-part1
  • react native 应用
  • unity自动寻路
  • 基于豆瓣电影数据linux
  • javascript definitive guide
  • jquery返回顶部
  • activity的跳转
  • linux装python环境
  • JavaScript的removeChild()函数用法详解
  • 使用jquery实现的项目
  • js判断iframe是否加载完成
  • 新办企业没有员工要报个人所得税吗
  • 发票查验怎么弄
  • 房产交契税网上可以交吗
  • 固定资产评估增值的税务处理
  • 银行手续费所得税是否可以税前扣除
  • 耕地占用税是土地增值税扣除项目吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设