prettier-eslint is a function that formats the current buffer using prettier-eslint-cli. The package also exports a minor mode that applies (prettier-eslint) on save.
(prettier-eslint) will only work on buffers attached to files that are part of a project that has the prettier-eslint-cli installed locally. This should be true if prettier-eslint-cli is included under dependencies or devDependencies in your project's package.json.
- Clone this repository.
- Add the repository's path (e.g.
~/.emacs.d/prettier-eslint-emacs) to yourload-path.
- i.e.
(add-to-list 'load-path "~/.emacs.d/prettier-eslint-emacs")
- Require the package.
(require 'prettier-eslint)
Then you can hook to your favorite javascript mode:
(add-hook 'rjsx-mode-hook 'prettier-eslint-mode)
(add-hook 'js2-mode-hook 'prettier-eslint-mode)
...To adjust the CLI args used for the prettier-eslint command, you can customize the prettier-eslint-args variable:
(setq prettier-eslint-args '(
"--trailing-comma" "all"
"--bracket-spacing" "false"
))Web-mode is a popular mode for editing .js and .jsx files, but it is used to edit other template files too. If you want to hook prettier-eslint to web-mode for .js and .jsx files only, you can define a helper function like this:
(defun enable-minor-mode (my-pair)
"Enable minor mode if filename match the regexp. MY-PAIR is a cons cell (regexp . minor-mode)."
(if (buffer-file-name)
(if (string-match (car my-pair) buffer-file-name)
(funcall (cdr my-pair)))))And then hook to web-mode like this:
(add-hook 'web-mode-hook #'(lambda ()
(enable-minor-mode
'("\\.jsx?\\'" . prettier-eslint-mode))))This package is customizable via custom.el:
M-x customize-group prettier-eslint
prettier-eslint-argsare the args passed to the prettier-eslint commandprettier-eslint-show-errorscustomizes where to display the error output (buffer, echo or nil)