Frontend Tools

Appearance

代码格式化工具 ​

代码格式化和美化工具集合。

通用格式化 ​

Prettier ​

  • 简介: 最流行的代码格式化工具
  • 链接: https://prettier.io/
  • 特点:
    • 支持多种语言（JS、TS、CSS、HTML、JSON 等）
    • 零配置，开箱即用
    • 编辑器集成完善
    • 团队协作友好

EditorConfig ​

  • 简介: 跨编辑器的代码风格配置
  • 链接: https://editorconfig.org/
  • 特点:
    • 统一缩进、换行等基础风格
    • 主流编辑器都支持
    • 配置简单

JavaScript/TypeScript ​

dprint ​

  • 简介: 可插拔的代码格式化器
  • 链接: https://dprint.dev/
  • 特点:
    • 速度极快（Rust 编写）
    • 支持多种语言
    • 配置灵活

js-beautify ​

  • 简介: JavaScript 美化工具
  • 链接: https://beautifier.io/
  • 特点:
    • 支持 HTML、CSS、JavaScript
    • 在线工具可用
    • 配置选项丰富

CSS ​

Stylelint ​

  • 简介: CSS 代码检查和格式化
  • 链接: https://stylelint.io/
  • 特点:
    • 支持 CSS、SCSS、Less
    • 可自动修复
    • 规则可配置

csscomb ​

HTML ​

html-beautify ​

JSON ​

jq ​

JSON Formatter ​

Markdown ​

markdownlint ​

remark ​

  • 简介: Markdown 处理器
  • 链接: https://remark.js.org/
  • 特点:
    • 格式化 Markdown
    • 插件生态丰富
    • 可编程处理

在线工具 ​

Code Beautify ​

Dirty Markup ​