分享两个VScode实用的插件

资源荟萃
1

Bookmarks

Bookmarks - Visual Studio Marketplace
Bookmarks 插件 是 VS Code 中一个非常有用的工具，它可以帮助你更有效地导航代码。 如果你经常需要在大量代码中找到特定的代码行，这个扩展会非常有帮助。

  • 主要功能:

    • 添加、删除和管理书签
    • 快速跳转到书签
    • 搜索书签
    • 将书签导出到文件
    • 从文件导入书签

  • 使用:

  • 添加书签:

    • 在编辑器左侧的行号区域单击
    • 使用快捷键 (Windows 和 Linux 上是 Ctrl+Alt+K，在 Mac 上是 Cmd+Option+K)

  • 删除书签:

    • 在编辑器左侧的行号区域再次单击
    • 使用快捷键 (Windows 和 Linux 上是 Ctrl+Shift+Alt+K，在 Mac 上是 Cmd+Shift+Option+K)

  • 跳转到书签:

    • 使用快捷键 (Windows 和 Linux 上是 Ctrl+Shift+P，在 Mac 上是 Cmd+Shift+P)
    • 在命令面板中输入 Bookmarks: Go to Bookmark

  • 搜索书签:

    • 使用快捷键 (Windows 和 Linux 上是 Ctrl+Shift+F，在 Mac 上是 Cmd+Shift+F)
    • 在命令面板中输入 Bookmarks: Search Bookmarks

  • 导出和导入书签:

    • 使用命令面板中的 Bookmarks: Export Bookmarks 和 Bookmarks: Import Bookmarks 命令

  • 其他功能:

    • 可以为书签添加注释
    • 可以设置书签的颜色
    • 可以将书签与其他扩展集成

Live Preview

Live Preview - Visual Studio Marketplace
Live Preview 插件 是 VS Code 中一个非常有用的工具，它可以让你在编辑 HTML、CSS 和 JavaScript 代码时实时预览页面效果。 这可以帮助你更快速地进行 Web 开发，并避免出现意外错误。

  • 主要功能:

    • 在浏览器中实时预览 HTML、CSS 和 JavaScript 代码
    • 自动刷新预览页面
    • 支持多种浏览器
    • 支持 Emmet 语法
    • 支持 Sass/SCSS
    • 支持 TypeScript
    • 支持 JavaScript 代码调试

  • 使用:

    • 打开一个 HTML 文件
    • 点击右上角的 “预览” 图标
    • 或者使用快捷键 (Windows 和 Linux 上是 Ctrl+Shift+P，在 Mac 上是 Cmd+Shift+P)
    • 在命令面板中输入 Live Preview: Start Preview

  • 配置:

    • 可以通过设置更改预览页面的端口号、浏览器类型等
    • 可以通过设置添加自定义的 CSS 样式

Markdown Preview Enhanced

Markdown Preview Enhanced - Visual Studio Marketplace
Markdown Preview Enhanced 插件 是 VS Code 中一个非常有用的工具，它可以增强 Markdown 文件的预览功能。 它提供了许多实用的功能，例如语法高亮、数学公式、流程图、序列图等，可以让你更方便地查看 Markdown 文件的效果。

  • 主要功能:

    • 实时预览 Markdown 文件
    • 支持语法高亮
    • 支持数学公式
    • 支持流程图
    • 支持序列图
    • 支持 Mermaid 图表
    • 支持自定义主题
    • 支持导出 PDF 和 HTML
    • 支持自动滚动同步
    • 支持多视图预览
    • 支持代码块折叠
    • 支持表格编辑
    • 支持 TOC 生成

  • 使用:

    • 打开一个 Markdown 文件
    • 点击右上角的 “预览” 图标
    • 或者使用快捷键 (Windows 和 Linux 上是 Ctrl+Shift+P，在 Mac 上是 Cmd+Shift+P)
    • 在命令面板中输入 Markdown Preview Enhanced: Open Preview

  • 配置:

    • 可以通过设置更改预览页面的主题、字体大小等
    • 可以通过设置添加自定义的 CSS 样式

Mintlify Doc Writer

Mintlify Doc Writer for Python, JavaScript, TypeScript, C++, PHP, Java, C#, Ruby & more - Visual Studio Marketplace
Mintlify Doc Writer 插件 是 VS Code 中一个非常有用的工具，它可以帮助你自动生成代码文档。 它支持多种编程语言，包括 Python、JavaScript、TypeScript、C++、PHP、Java、C#、Ruby 等。

  • 主要功能:

    • 自动生成代码文档
    • 支持多种编程语言
    • 支持多种文档格式
    • 支持代码块注释
    • 支持代码示例
    • 支持自定义主题
    • 支持导出 PDF 和 HTML

  • 使用:

    • 打开一个代码文件
    • 点击右上角的 “生成文档” 图标
    • 或者使用快捷键 (Windows 和 Linux 上是 Ctrl+Shift+P，在 Mac 上是 Cmd+Shift+P)
    • 在命令面板中输入 Mintlify Doc Writer: Generate Documentation

  • 配置:

    • 可以通过设置更改文档的格式、主题等
    • 可以通过设置添加自定义的注释
6 个赞
2

mark 一下

3

感谢分享，mark

4

最后一个感觉不错，mark一下

5

最后那个生成的不是很完美

6

可以用来生成一个大概，然后用 copilot 修订