React 前端导航
编码辅助
Preview.js

一个用于项目中组件实时预览的插件

codetour

CodeTour 允许记录和回放代码库的演练和思路。我们通过代码注释或者文档来解释某段代码或方法的功能及逻辑,这样相对简便,但是对阅读的人不够友好,CodeTour 允许我们为代码添加备注,并且将这些备注串联起来,动态地展示我们的思路以及代码逻辑。

node-snippets

在 js 文件中只需要输入 node 就可以看到一系列的 nodejs 代码片段。例如 express 、http、koa 模块的基本代码。

Live Server

为静态和动态页面启动具有实时重新加载功能的开发本地服务器

Auto Close Tag

自动闭合 HTML/XML 标签

Auto Rename Tag

自动重命名 HTML/XML 标签

Autoprefixer

解析CSS并自动添加前缀

Bracket Pair Colorizer

用于着色匹配括号,让你的代码分层更清晰

Code Runner

运行代码片段或多种语言的代码文件

Code Spell Checker

源代码拼写检查器,提示代码中单词拼写错误

CSS Peek

允许查看css,并从HTML文件定位到css文件,文件定义跳转

DotENV

支持.env文件语法,高亮显示

ESLint

代码格式校验工具,配合项目中的校验规则,实现保存时格式化代码,开发必备,你值得拥有!

Highlight Matching Tag

突出显示匹配的标签

Import Cost

在编辑器中展示引用包的大小,让你更了解你引入的包

Javascript console utils

帮助你更快速的添加console和删除console,确实方便。选择你的变量,⌘ + ⇧ + L,将会输出,如 console.log("test", test ) ⌘ + ⇧ + D,将删除当前文档中的所有 console.log 语句

koroFileHeader

在vscode中用于生成文件头部注释和函数注释的插件,经过多版迭代后,插件:支持所有主流语言,功能强大,灵活方便,文档齐全,使用简单!

npm Intellisense

代码插件,在导入语句中自动完成NPM模块代码插件,在导入语句中自动完成NPM模块

Prettier

非常喜欢的一款代码格式化工具,在项目中也可以配置自己的规则

Todo Tree

快速搜索编辑器中添加的标签,如todo和fixme,并在资源管理器窗格中的树视图中显示。单击树中的todo将打开文件并将光标放在包含TODO的行上。

Trailing Spaces

突出显示尾随空格并快速删除它们!

volar

与vetur相同,volar是一个针对vue的vscode插件,支持.vue文件的语法支持、高亮显示、格式校验、错误检测等,不过与vetur不同的是,volar提供了更为强大的功能

TabNine

Al辅助代码补全神器。可以根据你写过的代码习惯,来给你匹配合适的字段。

any-rule

你要的"正则"都在这!

FnMap(付费)

人性化的侧边栏函数、变量、符号列表操作和展示

wakatime

编程时间及行为跟踪统计

Codelf

变量起名神器

Regex Previewer

正则表达式预览

AI工具
github copilot

GitHub Copilot 是一款 AI 编程工具,可帮助您更快地编写代码并减少工作量。 GitHub Copilot 从评论和代码中提取上下文,并立即建议单个行和整个函数。

ChatGPT-ChatMoss(CodeMoss)

ChatGPT_支持4.0_无需翻墙_更多开发者功能适配_设置key无限制使用

IntelliCode

这个插件使用人工智能来提供智能代码提示和自动补全功能,根据你的编码习惯和上下文为你推荐代码片段。

tabnine

tabnine 是一个类似于 GitHub Pilot 的 VS Code 扩展,使用方式和体验差别不大。它提供由 AI 提供支持的智能自动完成代码建议,以提高开发人员的工作效率。

codeium

codeium 是一个免费的基于 AI 的开发者工具,适用于几乎市面上所有的编辑器,免费的、超快的Copilot替代品

Bito AI

Bito AI具有多种用例的 AI 助手工具。你可以使用它来生成代码、询问语法、生成测试用例、代码解释、注释生成、提高代码性能、检查安全性以及学习技术概念。

Mintlify Doc Writer

Mintlify Doc Writer是一个很棒的工具,它使用 AI 来记录你的代码。它以符合 JSDoc、reST、NumPy 等标准格式的注释形式为你的代码生成 AI 文档。

Code GPT

Code GPT 可以生成代码、回答你的问题、显示来自 Stack Overflow 的最佳答案、解释你的代码、重构和记录你的代码、发现你的代码中的问题,并为其编写单元测试,所有这些都在 VS Code 窗口中。

Kodezi AI

使用在各种开源项目上训练的大型语言模型来调试和优化你的代码,将代码从一种编程语言转换为另一种编程语言,通过给出指令生成文档和代码,并使用其聊天机器人 KodeziChat 回答你的所有问题。

实用工具
polacode

vs code的一款代码截图美化插件,能够轻松创造出漂亮的代码截图。

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

切换语言,安装完成后,默认显示英文,我们可以通过安装中文语言包插件来显示中文

Draw.io Integration

在VS code中绘制流程图,随时记录你的idea,不要太方便

Image Preview

当你引入时在左侧会显示图片的缩略图,方便预览

Markdown Preview Enhanced

在 VSCode 里编写 Markdown,支持预览

Sort lines

文本排序

Data Preview

预览数据文件

项目管理
Project Manager

多个项目之间快速切换多个项目之间快速切换

vscode-icons

会根据不同的文件类型添加不同的图标样式,看起来会更有趣

Git History

在VS code中集成git工具,查看git记录,文件历史记录,比较分支及提交代码等

Git Graph

Git Graph是类似于SourceTree的可视化版本控制插件,可以更新、提交代码,查看提交记录,审视代码

GitLens - Git supercharged

便于查看每行代码的提交记录,包括提交人、提交时间等,不知道哪位同学修改的代码,你可以试试,清晰明了

Svg Preview

方便svg文件预览

Project Tree

这是一个自动生成项目结构的插件.

上班摸鱼
Power Mode

代码特效,当你敲代码时在光标上显示类似烟花的特效

小霸王

一款在vscode里可以玩的超级玛丽

VSC Netease Music

网易云音乐-程序员版
daily anime

追番插件

Zhihu On VSCode

基于 VSCode 的知乎客户端提供包括阅读,搜索,创作,发布等一站式服务,内容加载速度比 Web 端更快,创新的 Markdown-Latex 混合语法让内容创作者更方便地插入代码块,数学公式,并一键发布至知乎平台。

超越鼓励师

在 VS Code 中连续写代码一小时(时间可配置),会有杨超越提醒你该休息啦~

韭菜盒子

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

调试工具
REST Client

这个插件可以发送HTTP请求并查看响应结果,方便测试API接口和进行接口调试。

数据库
SQLTools

数据库工具集,基本支持所有数据库类型

MySQL

支持 MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis, and ElasticSearch

MongoDB for VS Code

MongoDB 数据库支持