惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 叶小钗
D
Docker
GbyAI
GbyAI
Y
Y Combinator Blog
Google DeepMind News
Google DeepMind News
G
Google Developers Blog
P
Proofpoint News Feed
云风的 BLOG
云风的 BLOG
雷峰网
雷峰网
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Stack Overflow Blog
Stack Overflow Blog
WordPress大学
WordPress大学
小众软件
小众软件
Engineering at Meta
Engineering at Meta
酷 壳 – CoolShell
酷 壳 – CoolShell
I
InfoQ
B
Blog
H
Help Net Security
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 聂微东
The GitHub Blog
The GitHub Blog
A
About on SuperTechFans
B
Blog RSS Feed
Microsoft Security Blog
Microsoft Security Blog

博客园 - sekihin

【SQLSERVER】备份还原除当前数据库~之外的其他数据库的bak备份 React席哪个能优化 20 GitHub 仓库帮助你成为 React专家 Export a named export for each HTTP method instead.(Next.js 15) Error occurred prerendering page "/_not-found".(Next.js 15) Error: Attempted to call generateViewport() from the server (Next.js 15) [cause]: TypeError: e_.createContext is not a function (Next.js 15) Cursor - AI代码编辑器的使用指南 Next.js项目中.prettierrc.json的配置 Next.js项目中.eslintrc.js的配置 nvm: Node Version Manager PHP slim 部署Apache NestJS 部署Apache NestJS导出API文档 ChatGPT plugins Obisidian plugins Build nest.js by tsconfig.json Data Transfer Objects (DTOs) in NestJS TypeError: stringWidth is not a function
【前端】常用VsCode插件
sekihin · 2025-02-03 · via 博客园 - sekihin

根据插件的功能和用途,可以将这些 VSCode 插件分为以下几类,并进行排序:

1. 代码编辑与格式化

  1. Prettier - Code formatter

    • 自动格式化代码,支持多种语言。

  2. Prettier ESLint

    • 集成 Prettier 和 ESLint,统一代码风格。

  3. ESLint

    • 提供 JavaScript 和 TypeScript 的代码质量检查。

  4. Stylelint

    • 用于 CSS 和相关语言的代码风格检查。

  5. vscode-styled-components

    • 支持 styled-components 的语法高亮和智能感知。

  6. Better Folding

    • 提供更灵活的代码折叠功能。

  7. Code Spell Checker

    • 检查代码中的拼写错误。

2. 代码辅助与生产力

  1. GitHub Copilot

    • AI 驱动的代码补全和生成工具。

  2. GitHub Copilot Chat

    • 提供基于聊天的代码辅助功能。

  3. Auto Import

    • 自动导入未使用的模块。

  4. Path Intellisense

    • 提供文件路径的智能提示。

  5. React Native Snippet

    • 提供 React Native 的代码片段,提高开发效率。

  6. AI Toolkit for Visual Studio Code

    • 提供 AI 相关的工具支持,如代码生成、调试等。

  7. Cline

    • 自主编码代理直接集成在您的 IDE 中,能够创建/编辑文件,执行命令,使用浏览器等,每一步都需您的许可。

3. 语言与框架支持

  1. ES7+ React/Redux/React-Native

    • 提供 React 和 React Native 的代码片段和语法支持。

  2. DotENV

    • 支持 .env 文件的语法高亮和智能感知。

  3. Iconify IntelliSense

    • 提供图标库的智能提示和自动补全。

4. 代码调试与错误处理

  1. Error Lens

    • 在编辑器中高亮显示错误和警告。

  2. Pretty TypeScript Errors

    • 提供更友好的 TypeScript 错误信息。

5. 代码可视化与工具

  1. Color Highlight

    • 高亮显示代码中的颜色值。

  2. colorize

    • 提供颜色相关的功能,如颜色预览等。

  3. Image preview

    • 在编辑器中预览图片。

  4. Live Server

    • 提供本地服务器支持,方便开发和调试 Web 应用。

6. 版本控制与协作

  1. GitLens — Git supercharged

    • 提供增强的 Git 功能,如代码历史、分支管理等。