prettier-plugin-eex

KO | EN

gitlite — search

#python #react #ai #llm #golang #machine-learning #deep-learning #linux #docker #macos #awesome #cli #security #open-source

prettier-plugin-eex

(★ 113)

Prettier EEX plugin

File Explorer

Download Latest Version (.zip)

- - ci.yml
- dependabot.yml
- expression_type_matcher.js
- formatter.js
- index.js
- liveview.js
- parser.js
- printers.js
- - form_for.html.eex
  - jsfmt.spec.js
  - liveview_form_for.html.leex
  - multiline.html.eex
  - only_html.html.eex
  - single.html.eex
  - single_multiline.html.eex
- expression_type_matcher_test.js
- run_spec.js
- - multiline.html.eex
- .gitignore
- mix.exs
.editorconfig
.eslintrc.json
.gitignore
.gitmodules
.prettierrc.json
CHANGELOG.md
jest.config.js
LICENSE
package.json
prettier_eex_formatter
README.md
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Prettier EEX Plugin

## How to install?

```sh
  yarn add -D prettier prettier-plugin-eex
```

## Supported versions

- Elixir 1.10 minimum
- Erlang OTP 22 minimum

## Config options

* printWidth - used by Prettier directly
* eexMultilineNoParens - Array - used to format multiline expressions, provide which functions shouldn't wrap parens around arguments
* eexMultilineLineLength - Number - used to format multiline expressions

Example:

```js
  {
    "printWidth": 130,
    "eexMultilineLineLength": 100,
    "eexMultilineNoParens": [
      "link",
      "form_for"
    ]
  }
```

## How to install in Phoenix project?

Add .prettierignore file with:

```plain
deps/
_build/
.elixir_ls
assets
priv
```

And .prettierrc.js

```js
module.exports = {
  printWidth: 120,
};
```

```sh
cd assets
yarn add -D prettier prettier-plugin-eex
```

### How to use?

Add to `mix.exs` `aliases` and use as `mix prettier`

```elixir
defp aliases do
  [...
    prettier: "cmd ./assets/node_modules/.bin/prettier --check . --color"
  ]
end
```

### How to make it work with Prettier Visual Studio code extension?

It's important to add node modules path.

```json
"prettier.prettierPath": "./assets/node_modules/prettier"
```

## How to deal with bugs?

Your code wasn't formatted correctly or there was an error? Add the problematic file to .prettierignore and submit an Issue.

prettier-plugin-eex

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

prettier-plugin-eex

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README