VS Code 设置 - 推荐的扩展

2025-05-24

VS Code 设置 - 推荐的扩展

这是我推荐的 Visual Studio Code 扩展列表。

目录

Markdown 相关扩展

扩大 描述
将 Markdown 复制为 HTML 将 Markdown 转换为 HTML。
Markdown 一体化 一个综合工具,具有编写 Markdown 文件所需的所有功能。
Markdown 脚注 为 VS Code 的内置 markdown 预览添加 [^footnote] 语法支持。
Markdown 粘贴 使用命令轻松将图像粘贴到 Markdown 中Markdown Paste
Markdown PDF 将 Markdown 转换为 PDF。
Markdown 预览增强 VS Code 的增强型 Markdown 预览。
Markdownlint Markdown 文件的 Linting 和样式检查。
粘贴图像 轻松将图像粘贴到 Markdown 和 HTML 中。
MDX MDX 的语言支持。
路径智能感知 自动完成文件名。

写作(一般)相关扩展

扩大 描述
代码拼写检查器 一款适合程序员使用的优秀拼写检查器,对驼峰式拼写法 (camelCase) 有良好的支持,误报率较低。
大写 将文本大写。
更改大小写 轻松更改文本的大小写。
插入行号 将行号插入选定的行或整个文档。
重复检查器 检查并删除文件内容或选择中的重复行。
:表情符号: 表情符号自动完成。
替换花括号 将文档中的花引号(, , , )替换为直引号( , )。'"
排序行 对文本行进行排序。

GitHub 相关扩展

扩大 描述
GitHub Markdown 预览 查看 Markdown 文件,就像它们在 GitHub 上显示的那样。
GitHub Copilot 聊天 由 GitHub Copilot 提供支持的 AI 聊天功能。
GitHub Copilot 人工智能代码完成工具。
在 GitHub Desktop 中打开 从 VS Code 轻松打开GitHub 桌面应用程序。
突出显示错误字符 使 zenkaku 空格(双字节空格)可见。
NBSP 可视化可疑的 Unicode 字符和尾随空格。

CSV 相关扩展

扩大 描述
CSV 到表格 将 CSV/TSV/PSV 文件转换为 ASCII 格式的表。
彩虹 CSV 使读取和编辑 CSV 和 TSV 文件变得更容易。

日语相关扩展

扩大 描述
テキsuto 校正くん 用于在 VS Code 中检查文本文件和 Markdown 文件中的日语句子的扩展。
日语字数统计 计算日语字符、单词和行数。
全角 显示双字节空格。

样式和主题相关扩展

扩大 描述
TODO 突出显示 突出显示 TODO、FIXME 和任何其他关键字或注释。
更好地利用太阳能 Visual Studio Code 的日光主题,包括明暗版本。
材料图标主题 Visual Studio Code 的 Material Design 图标。
切换明暗主题 用于在明暗之间切换主题的命令。

实用程序扩展

扩大 描述
ARB 编辑 用于本地化的应用程序资源包文件的编辑器。
代码运行器 在本地运行 Python 和 JavaScript 代码以进行快速检查。
ESLint 将 ESLint JavaScript 集成到 VS Code 中。
文件实用程序 创建、复制、移动、重命名和删除文件和目录的便捷方法。
HTML 代码片段 完整的 HTML 标签,包括 HTML5 片段。
HTML 中 CSS 类名的 IntelliSense 根据工作区中的定义完成 HTML 类属性的 CSS 类名。
实时服务器 启动本地开发服务器,并启用静态和动态页面的实时刷新功能。非常适合处理 HTML 页面。
在 Finder 中打开 添加在 Finder 中打开当前文件或项目的命令。
Prettier - 代码格式化程序 使用 Prettier 的代码格式化程序。
尾随空格 突出显示尾随空格并允许使用简单的“删除所有尾随空格”命令。
YAML Red Hat 提供 YAML 语言支持,内置 Kubernetes 语法支持。

简易安装方法

extensions.json您可以通过在目录中创建文件.vscode并按照以下步骤轻松安装所有推荐的扩展:

  1. 打开您想要安装推荐扩展的 VS Code 项目。
  2. 打开命令面板
    • macOS:Cmd+Shift+P
    • Windows/Linux:Ctrl+Shift+P
  3. 键入并选择Configure Recommended Extensions (Workspace Folder)
  4. extensions.json将以下文件的内容复制并粘贴到您的extensions.json文件中。
  5. Extensions: Show Recommended Extensions在命令面板中键入并选择。

扩展.json


json
{
  "recommendations": [
    "Google.arb-editor",
    "danielgjackson.auto-dark-mode-windows",
    "viablelab.capitalize",
    "wmaurer.change-case",
    "formulahendry.code-runner",
    "streetsidesoftware.code-spell-checker",
    "GitHub.copilot-chat",
    "GitHub.copilot",
    "jerriepelser.copy-markdown-as-html",
    "phplasma.csv-to-table",
    "jianbingfang.dupchecker",
    "bierner.emojisense",
    "ginfuru.ginfuru-better-solarized-dark-theme",
    "bierner.github-markdown-preview",
    "wengerk.highlight-bad-chars",
    "abusaidm.html-snippets",
    "Zignd.html-css-class-completion",
    "andersliu.insert-line-number",
    "ICS.japanese-proofreading",
    "sifue.japanese-word-count",
    "ritwickdey.LiveServer",
    "bierner.markdown-footnotes",
    "shd101wyy.markdown-preview-enhanced",
    "yzane.markdown-pdf",
    "yzhang.markdown-all-in-one",
    "PKief.material-icon-theme",
    "possan.nbsp-vscode",
    "wraith13.open-in-github-desktop",
    "christian-kohler.path-intellisense",
    "esbenp.prettier-vscode",
    "mechatroner.rainbow-csv",
    "jinhyuk.replace-curly-quotes",
    "Tyriar.sort-lines",
    "shardulm94.trailing-spaces",
    "davidanson.vscode-markdownlint",
    "dbaeumer.vscode-eslint",
    "fabiospampinato.vscode-open-in-finder",
    "mushan.vscode-paste-image",
    "redhat.vscode-yaml",
    "sleistner.vscode-fileutils",
    "telesoho.vscode-markdown-paste-image",
    "unifiedjs.vscode-mdx",
    "wayou.vscode-todo-highlight",
    "mosapride.zenkaku"
  ]
}
Enter fullscreen mode Exit fullscreen mode
文章来源:https://dev.to/ahandsel/vs-code-setup-recommended-extensions-4877
PREV
超棒的 CSS 动画汉堡菜单
NEXT
通过贡献学习 每次遇到问题时,它都会对你大有裨益 贡献清单 发现贡献机会 摘要 通过贡献学习 想要了解更多?PS:启用 TypeScript 的严格模式 #1783 lib.dom.d.ts 中 NamedNodeMap 接口缺少字符串索引器?#30928 修复了一些前端 linting 问题 #2495 开始使用