🌐
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
🌐
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.
🌐
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
Find elsewhere
🌐
DEV Community
dev.to › kachidk › common-prettier-plugins-installation-30hc
Common Prettier Plugins & Installation - DEV Community
February 29, 2024 - prettier-plugin-organize-attributes · prettier-plugin-organize-imports · prettier-plugin-style-order · prettier-plugin-svelte · prettier-plugin-sort-imports · One limitation with this approach is that prettier-plugin-tailwindcss must be loaded last. // .prettierrc { // ..
🌐
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
🌐
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 [![npm](https://img.shields.io/npm/v/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 › 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
🌐
Snyk
snyk.io › advisor › javascript packages › prettier-plugin-organize-attributes
prettier-plugin-organize-attributes - npm package | Snyk
Organize your HTML attributes autmatically with Prettier 🧼. Visit Snyk Advisor to see a full health score report for prettier-plugin-organize-attributes, including popularity, security, maintenance & community analysis.
🌐
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" }