The Swiss Army knife for code formatting — seamlessly format JavaScript, TypeScript, JSON, CSS, HTML, Markdown, and more in Nova, with built-in support for Astro, EJS, Java, Laravel Blade, Liquid, PHP, SQL, Tailwind CSS, TOML, Twig, and XML — no extra setup required.
⚠️ Prettier⁺ is a drop-in replacement for the original Prettier Extension. To avoid conflicts, make sure to disable the original before installing or activating Prettier⁺.
-
Format on Save: Automatically format your code on save (this setting can be customized per project), or manually format using
Editor > Prettier⁺ > Format Document
(⌥⇧F). -
Format Document (Forced): Ignores
.prettierignore
and Ignored Syntaxes, formatting anyway viaEditor > Prettier⁺ > Format Document (Forced)
. -
Format Selection: Precisely formats only the highlighted portion of your code (currently supports JavaScript, TypeScript, GraphQL, and Handlebars).
-
Advanced Syntax Detection: Reliably detects the correct syntax based on file extension — even when Nova misidentifies it. Blade, Java, SQL, and more are correctly handled out of the box.
-
Language Support: Supports all Prettier-supported languages, including
Angular
,CSS
,Flow
,GraphQL
,HTML
,JavaScript
,JSON
,JSX
,Less
,Markdown
,SCSS
,TypeScript
,Vue
, andYAML
— plus additional ones via bundled plugins, such asAstro
,EJS
,Java
,Laravel Blade
,Liquid
,PHP
,SQL
,Tailwind CSS
,TOML
,Twig
, andXML
. -
Configuration Support: Compatible with standard Prettier configuration, and .prettierignore files.
-
Plugin Usage: Utilizes Prettier and any plugins installed in your project, or defaults to the bundled Prettier and plugins if none are installed.
Plugin | Status | Notes |
---|---|---|
@prettier/plugin-php | ✅ Enabled | – |
@prettier/plugin-xml | ✅ Enabled | – |
prettier-plugin-astro | ✅ Enabled | |
prettier-plugin-blade | ✅ Enabled | |
prettier-plugin-ejs | ✅ Enabled | – |
prettier-plugin-ejs-tailwindcss | ✅ Enabled | prettier-plugin-tailwindcss |
prettier-plugin-java | ✅ Enabled | |
prettier-plugin-liquid | ✅ Enabled | |
prettier-plugin-nginx | ✅ Enabled | |
prettier-plugin-properties | ✅ Enabled | |
prettier-plugin-sql | ✅ Enabled | |
prettier-plugin-tailwindcss | ➕ Optional | |
prettier-plugin-toml | ✅ Enabled | |
prettier-plugin-twig | ✅ Enabled |
-
✅ Enabled by Default — All plugins are active out of the box.
-
➕ Tailwind (Optional) — Tailwind CSS support is included but disabled by default. Enable it via the extension or project settings.
-
⚠️ Extension Recommended — These plugins work best when the corresponding Nova syntax extension is installed.
If you want to see other plugins being integrated, head over to the Discussions.
- To install the bundled Prettier and its plugins.
- To launch the Prettier Service for code formatting.
- To read Prettier configuration files, such as
.prettierrc
and.prettierignore
.
Prettier⁺ for Nova follows Semantic Versioning,
aligned with official Prettier releases. Versions are formatted as a.b.c
, where:
a.b
corresponds to the bundled Prettier version.c
is the extension’s specific build number (used for fixes or enhancements unrelated to the Prettier core).
For example, 3.5.4
uses Prettier v3.5.x
and is the fourth extension build.
Help translate Prettier⁺ for Nova and make it accessible to more developers in your language!
You can contribute translations directly via Weblate.
No coding experience required — just a GitHub or Weblate account and a few minutes of your time.
All contributions are greatly appreciated!
This extension builds upon the outstanding work of Alexander Weiss, who created the original Nova Prettier Extension. Without his efforts, this project would not have been possible.