npm
npmjs.com › package › prettier-plugin-organize-attributes
prettier-plugin-organize-attributes - npm
Organize your HTML attributes autmatically with Prettier 🧼. Latest version: 1.0.0, last published: 2 years ago. Start using prettier-plugin-organize-attributes in your project by running `npm i prettier-plugin-organize-attributes`. There ...
» npm install prettier-plugin-organize-attributes
Published Jul 20, 2023
Version 1.0.0
Author Niklas Portmann
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes
GitHub - NiklasPor/prettier-plugin-organize-attributes: Organize your HTML attributes automatically with Prettier 🧼
Organize your HTML attributes automatically with Prettier 🧼 - NiklasPor/prettier-plugin-organize-attributes
Starred by 239 users
Forked by 13 users
Languages TypeScript 84.9% | HTML 10.4% | Vue 3.8% | JavaScript 0.9%
npm
npmjs.com › package › @xeonlink › prettier-plugin-organize-attributes
@xeonlink/prettier-plugin-organize-attributes - npm
Organize attributes automatically in your HTML like files with Prettier. Latest version: 1.1.0, last published: 5 months ago. Start using @xeonlink/prettier-plugin-organize-attributes in your project by running `npm i @xeonlink/prettier-plu...
» npm install @xeonlink/prettier-plugin-organize-attributes
Published Sep 07, 2025
Version 1.1.0
Author OH jimin
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › blob › main › src › presets.ts
prettier-plugin-organize-attributes/src/presets.ts at main · NiklasPor/prettier-plugin-organize-attributes
Organize your HTML attributes automatically with Prettier 🧼 - NiklasPor/prettier-plugin-organize-attributes
Author NiklasPor
CodeSandbox
codesandbox.io › examples › package › prettier-plugin-organize-attributes
prettier-plugin-organize-attributes examples - CodeSandbox
Use this online prettier-plugin-organize-attributes playground to view and fork prettier-plugin-organize-attributes example apps and templates on CodeSandbox.
Alfredo Perez
alfredo-perez.dev › prettifying-html-in-angular
Using Prettier in Angular HTML
September 24, 2023 - When using Prettier, any HTML line that is longer than the printWidth setting will be split into multiple lines, one line for each attribute, helping to make the HTML cleaner and readable. Having a standard order for the HTML attributes can also help us quickly find out what the most important parts of an element are since we will be used to looking for attributes in the same order in every component. For this, we will use the pluginprettier-plugin-organize-attributes that, fortunately, helps us set the order for HTML attributes and also supports Vue, React, and Angular.
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › blob › main › README.md
prettier-plugin-organize-attributes/README.md at main · NiklasPor/prettier-plugin-organize-attributes
Organize your HTML attributes automatically with Prettier 🧼 - NiklasPor/prettier-plugin-organize-attributes
Author NiklasPor
Medium
medium.com › ngconf › using-prettier-in-angular-html-52efa7af625b
Using Prettier in Angular HTML. Do you have a hard time reading the… | by Alfredo Perez | ngconf | Medium
October 23, 2023 - For this, we will use the pluginprettier-plugin-organize-attributes that, fortunately, helps us set the order for HTML attributes and also supports Vue, React and Angular. Simply run the following command to install the library: npm i prettier prettier-plugin-organize-attributes -D
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › blob › main › package.json
prettier-plugin-organize-attributes/package.json at main · NiklasPor/prettier-plugin-organize-attributes
Organize your HTML attributes automatically with Prettier 🧼 - NiklasPor/prettier-plugin-organize-attributes
Author NiklasPor
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › pulls
Pull requests · NiklasPor/prettier-plugin-organize-attributes
Organize your HTML attributes automatically with Prettier 🧼 - Pull requests · NiklasPor/prettier-plugin-organize-attributes
Author NiklasPor
Reddit
reddit.com › r/angular2 › how does your prettier config with angular 19 look like?
r/Angular2 on Reddit: How does your Prettier config with Angular 19 look like?
February 18, 2025 -
How does your current prettier config for Angular 19 look like? What are you most important plugins for you? Lets gather some configs and maybe explain it a little bit.
I start with my most important plugin for prettier:
prettier-plugin-organize-attributes
There is nothing more annoying than unorganized attributes.
Top answer 1 of 8
13
prettier-plugin-multiline-arrays : Because Prettier's obsession with sacrificing readability in order to fill empty space is infuriating.
2 of 8
4
I recently started using eslint for most of my formatting. I find it to be easier to just have it all in 1 location so it doesn't have a lot of conflict with each other. Having them play nice when you want to deviate from default is a pain in the ass. I can do most of the stuff with stylistic and have a few more plugins.
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › issues
NiklasPor/prettier-plugin-organize-attributes
Organize your HTML attributes automatically with Prettier 🧼 - NiklasPor/prettier-plugin-organize-attributes
Author NiklasPor
UNPKG
app.unpkg.com › prettier-plugin-organize-attributes@1.0.0 › files › README.md
prettier-plugin-organize-attributes
### prettier-plugin-organize-attributes [](https://www.npmjs.com/package/prettier-plugin-organize-attributes) ## Organize your HTML attributes automatically with Prettier 🧼 ``` npm i prettier prettier-plugin-organize-attributes -D ``` - Supports Angular, Vue & HTML with **0** configuration - Groups are matched from top to bottom.
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › blob › main › CHANGELOG.md
prettier-plugin-organize-attributes/CHANGELOG.md at main · NiklasPor/prettier-plugin-organize-attributes
Organize your HTML attributes automatically with Prettier 🧼 - NiklasPor/prettier-plugin-organize-attributes
Author NiklasPor
GitHub
github.com › NiklasPor › prettier-plugin-organize-attributes › issues › 10
React support · Issue #10 · NiklasPor/prettier-plugin-organize-attributes
April 30, 2022 - Organize your HTML attributes automatically with Prettier 🧼 - React support · Issue #10 · NiklasPor/prettier-plugin-organize-attributes
Published Jun 08, 2022
jsDelivr
cdn.jsdelivr.net › prettier-plugin-organize-attributes@1.0.0
prettier-plugin-organize-attributes CDN by jsDelivr - A free, fast, and reliable Open Source CDN
Looking for a nice landing page for your package? https://www.jsdelivr.com/package/npm/prettier-plugin-organize-attributes
Npm
npm.io › package › prettier-plugin-organize-attributes
Prettier-plugin-organize-attributes NPM | npm.io
// .prettierrc { "plugins": ["prettier-plugin-organize-attributes"], "attributeGroups": ["$DEFAULT", "^data-"], "attributeSort": "ASC" }