Skip to content

Instantly share code, notes, and snippets.

@navix

navix/NG_PRETTIER_SETUP.md

Last active September 7, 2025 11:25
Show Gist options
  • Save navix/b2559d93b391f211e08af8be13330fe5 to your computer and use it in GitHub Desktop.
Save navix/b2559d93b391f211e08af8be13330fe5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. navix revised this gist Sep 7, 2025. 1 changed file with 11 additions and 3 deletions.
    14 changes: 11 additions & 3 deletions NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,16 @@ Create `.prettierrc` file:

    ```
    {
    "printWidth": 120,
    "printWidth": 100,
    "tabWidth": 2,
    "useTabs": false,
    "semi": true,
    "singleQuote": true,
    "trailingComma": "all",
    "bracketSpacing": false,
    "arrowParens": "avoid",
    "htmlWhitespaceSensitivity": "ignore",
    "singleAttributePerLine": true,
    "htmlWhitespaceSensitivity": "ignore",
    "attributeGroups": [
    "$ANGULAR_STRUCTURAL_DIRECTIVE",
    "$ANGULAR_INPUT",
    @@ -24,7 +24,15 @@ Create `.prettierrc` file:
    ],
    "attributeSort": "ACS",
    "cssDeclarationSorterOrder": "alphabetical",
    "plugins": ["prettier-plugin-organize-attributes", "prettier-plugin-css-order"]
    "plugins": ["prettier-plugin-organize-attributes", "prettier-plugin-css-order"],
    "overrides": [
    {
    "files": "*.html",
    "options": {
    "parser": "angular"
    }
    }
    ]
    }
    ```

  2. navix revised this gist Sep 12, 2023. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    ```
    $ npm i prettier prettier-plugin-css-order prettier-plugin-organize-attributes -D
    $ npm i prettier prettier-plugin-css-order prettier-plugin-organize-attributes css-declaration-sorter -D
    ```

    Create `.prettierrc` file:
    @@ -23,7 +23,7 @@ Create `.prettierrc` file:
    "$ANGULAR_OUTPUT"
    ],
    "attributeSort": "ACS",
    "order": "alphabetical",
    "cssDeclarationSorterOrder": "alphabetical",
    "plugins": ["prettier-plugin-organize-attributes", "prettier-plugin-css-order"]
    }
    ```
  3. navix revised this gist Aug 23, 2023. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -23,7 +23,8 @@ Create `.prettierrc` file:
    "$ANGULAR_OUTPUT"
    ],
    "attributeSort": "ACS",
    "order": "alphabetical"
    "order": "alphabetical",
    "plugins": ["prettier-plugin-organize-attributes", "prettier-plugin-css-order"]
    }
    ```

  4. navix revised this gist Jul 6, 2023. 1 changed file with 14 additions and 0 deletions.
    14 changes: 14 additions & 0 deletions NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -27,6 +27,20 @@ Create `.prettierrc` file:
    }
    ```

    Create `.prettierignore`:

    ```
    .angular
    .vscode
    dist
    node_modules
    .*
    *.yaml
    *.sh
    *.json
    *.md
    ```

    Add scripts to `package.json`:

    ```
  5. navix revised this gist Dec 29, 2022. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -14,6 +14,7 @@ Create `.prettierrc` file:
    "trailingComma": "all",
    "bracketSpacing": false,
    "arrowParens": "avoid",
    "htmlWhitespaceSensitivity": "ignore",
    "singleAttributePerLine": true,
    "attributeGroups": [
    "$ANGULAR_STRUCTURAL_DIRECTIVE",
  6. navix revised this gist Nov 24, 2022. 2 changed files with 15 additions and 3 deletions.
    15 changes: 15 additions & 0 deletions .prettierrc → NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,10 @@
    ```
    $ npm i prettier prettier-plugin-css-order prettier-plugin-organize-attributes -D
    ```

    Create `.prettierrc` file:

    ```
    {
    "printWidth": 120,
    "tabWidth": 2,
    @@ -17,3 +24,11 @@
    "attributeSort": "ACS",
    "order": "alphabetical"
    }
    ```

    Add scripts to `package.json`:

    ```
    "prettier:check": "npx prettier --check .",
    "prettier:write": "npx prettier --write ."
    ```
    3 changes: 0 additions & 3 deletions _NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +0,0 @@
    ```
    $ npm i prettier prettier-plugin-css-order prettier-plugin-organize-attributes -D
    ```
  7. navix renamed this gist Nov 24, 2022. 1 changed file with 0 additions and 0 deletions.
    0 NG_PRETTIER_SETUP.md → _NG_PRETTIER_SETUP.md
    View file
    File renamed without changes.
  8. navix created this gist Nov 24, 2022.
    19 changes: 19 additions & 0 deletions .prettierrc
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,19 @@
    {
    "printWidth": 120,
    "tabWidth": 2,
    "useTabs": false,
    "semi": true,
    "singleQuote": true,
    "trailingComma": "all",
    "bracketSpacing": false,
    "arrowParens": "avoid",
    "singleAttributePerLine": true,
    "attributeGroups": [
    "$ANGULAR_STRUCTURAL_DIRECTIVE",
    "$ANGULAR_INPUT",
    "$ANGULAR_TWO_WAY_BINDING",
    "$ANGULAR_OUTPUT"
    ],
    "attributeSort": "ACS",
    "order": "alphabetical"
    }
    3 changes: 3 additions & 0 deletions NG_PRETTIER_SETUP.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    ```
    $ npm i prettier prettier-plugin-css-order prettier-plugin-organize-attributes -D
    ```