第一推动|2023年VSCode插件最新推荐(54款)

科技资讯 投稿 7500 0 评论

第一推动|2023年VSCode插件最新推荐(54款)

代码管理、文本和图片处理、前端框架和语言相关、提效和功能增强以及主题和图标等几个模块。

一、代码管理相关的插件

01、GitLens — Git supercharged

02 、Git Craph

03 、Git History

04 、Project Manager

05 、Todo Tree

06 、Waka Time

07 、VS Code Counter

08 、Notes

09 、Timer Master

二、前端框架和语言相关插件

01、ES7 React/Redux/GraphQL/React-Native snippets

02、Simple React Snippets

03、Typescript React Code Snippets

04、Vue Language Features (Volar

05、Vue 3 Snippets

06、Vue VSCode Snippets

07、React Native Tools

08、JavaScript (ES6 code snippets

09、JavaScript and TypeScript Nightly

三、文本和图片处理相关插件

01、Markdown All in One

02、Markdown Image

03、Markdown PDF

04、Markdown Preview Enhanced

我认为比较好用的有这些功能:目录、批注、合并单元格、插入LaTeX公式、用纯文本绘图、运行代码、导入和导出、制作幻灯片等。

05、Svg Preview

06、CodeSnap

07、Polacode

08、Image PreView

09、Image Sprite

图像精灵是放入单个图像的图像集合。包含许多图像的网页可能需要很长时间才能加载并生成多个服务器请求,使用图像精灵将减少服务器请求的数量并节省带宽。

四、提效和增强相关插件

01、Path intellisense

02、npm intellisense

03、Auto Close Tag

04、Auto Rename Tag

05、Code Spell Checker

06、CSS Peek

07、Regex Previewer

08、Import  Const

09、Alignment

Ctrl + Shift + P,然后输入“Alignment”即可查看插件的所有命令和快捷键。比如,你可以选择几行代码,然后按下 Alt + A 快捷键,就可以自动对齐选中的代码。

10、Error Lens

使用 Error Lens 非常简单,只需在 VSCode 中搜索并安装该插件即可。安装完成后,打开一个代码文件,如果该文件中有语法错误、warning或其他问题,Error Lens 就会直接在编辑器中显示相应的提示和解决方案。

- 支持在代码中直接显示错误的具体信息,如错误类型、位置等。

- 支持配置插件的提醒方式、颜色、样式等,使其更符合你的编码习惯

11、Better comments

  - todo : 用于标记待办事项
  - hack :用于标记临时修改的代码
  - fixme :用于标记需要修复的问题
  - note :用于标记一些备注信息
  - ! :用于标记重要注释

使用 Better Comments 可以让我们更快地理解代码,并且可以更好地组织和管理注释,提高开发效率。

12、Highlight Matching Tag

使用 Highlight Matching Tag 可以使开发者更加高效地编辑标签,减少失误,并且提高代码的可读性。

13、Colorize

14、Change-case

15、Color Picker

Color Picker 插件具有以下特点:

    - 快速选择颜色并自动生成颜色代码
    - 支持 HEX、RGBA 和 HSLA 颜色模式
    - 支持使用多种识别模式(光标下方颜色、样式表中的颜色等)
    - 支持手动输入颜色代码

16、Codelf

    - 帮助开发者快速搜索命名示例
    - 自动完成和智能联想
    - 支持多种语言和框架

Codelf 可以可以自动联想和匹配项目中的变量名和函数名,使开发者更加高效和准确地编写代码,并且支持多种语言,对于跨语言开发的开发者非常有用。

17、Postcode

18、Github Copilot

    - 智能代码预测和补全功能,支持多种编程语言和框架。
    - 可以根据上下文环境自动生成最优代码段和建议。
    - 支持自定义代码片段和广泛的 AI 库。

总体来说,GitHub Copilot 功能强大,可以帮助开发者在编写代码时节省时间和精力,同时提高项目的代码质量。作为 VSCode 的一款插件,它非常易用和便捷。

19、韭菜盒子

五、主题和图标相关插件

01、One Dark Pro

02、GitHub Theme

03、Night Owl

04、Monokai Pro

05、One Monokai Theme

06、Shades of Purple

07、VSCode-icons

08、File-icons

编程笔记 » 第一推动|2023年VSCode插件最新推荐(54款)

赞同 (43) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽