Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>我的 Prettier 格式化工具New to Visual Studio Code? Get it now.
我的 Prettier 格式化工具

我的 Prettier 格式化工具

蒋贞宏

|
95 installs
| (0) | Free
一个简化版的 Prettier 代码格式化 VSCode 插件
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

我的 Prettier 格式化工具

这是一个简化版的 Prettier 代码格式化 VSCode 插件,旨在学习 Prettier 和 JavaScript。

功能

  • 支持通过命令格式化文档(Ctrl+Shift+P 然后输入"使用我的 Prettier 格式化代码")
  • 支持通过自定义快捷键格式化文档(见下方快捷键说明)
  • 支持 JavaScript、TypeScript、JSX/TSX 和 JSON 文件格式化
  • 自动检测和使用项目中的 .prettierrc 配置文件
  • 提供合理的默认配置
  • 包含自己实现的简易版 Prettier 引擎

安装

由于这是一个学习项目,您需要在本地开发和调试:

  1. 克隆仓库
  2. 运行 npm install 安装依赖
  3. 在 VSCode 中按 F5 启动调试

使用方法

  1. 打开任何 JavaScript、TypeScript 或 JSON 文件
  2. 使用专用快捷键格式化:
    • 使用官方 Prettier:Ctrl+Alt+P(Mac: Cmd+Alt+P)
    • 使用我的简易版实现:Ctrl+Alt+M(Mac: Cmd+Alt+M)
  3. 或者打开命令面板(Ctrl+Shift+P),然后输入:
    • "使用我的 Prettier 格式化代码" - 使用官方 Prettier 引擎
    • "使用我的简易版实现格式化代码" - 使用自己实现的格式化引擎

配置选项

在设置中可以找到以下配置选项:

  • myPrettier.useMyImplementation: 设置为 true 时默认使用自己实现的简易版 Prettier

扩展点

本插件提供以下扩展点:

  • 命令:
    • myPrettier.format - 使用官方 Prettier 格式化当前文档
    • myPrettier.formatWithMyImplementation - 使用自己实现的简易版格式化
  • 快捷键:
    • Ctrl+Alt+P - 使用官方 Prettier 格式化
    • Ctrl+Alt+M - 使用自己实现的简易版格式化
  • 文档格式化提供者:支持 JavaScript、TypeScript 和 JSON 文件

学习重点

  • 如何开发 VSCode 扩展
  • 如何调用 Prettier API 进行代码格式化
  • 如何处理各种文件类型和配置
  • 基本的错误处理和用户反馈
  • 词法分析和代码格式化的基本实现
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft