代码管理、文本和图片处理、前端框架和语言相关、提效和功能增强以及主题和图标等几个模块。
一、代码管理相关的插件
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