Mix format on save VSCode

Questions & Help Questions
1

Mix format works fine if run from the cmd. I’ve followed this to facilitate the implementation into VSC which involves downloading an extension called vscode-elixir-formatter. When I save however:

Code_2019-02-07_20-38-29
Code_2019-02-07_20-38-29451×171 5.14 KB

I have a .formatter.exs in my project directory which looks like:

[
  import_deps: [:ecto, :phoenix],
  inputs: ["mix.exs", "*.{ex,exs}", "priv/*/seeds.exs", "{config,lib,test}/**/*.{ex,exs}"],
  subdirectories: ["priv/*/migrations"]
]

and I’ve checked all the boxes in the VSC user formatter settings. Do I need to tell vscode somehow where my .formatter.exs file is?

2

EDIT: This extension is recommended for vscode now: ElixirLS Fork: DEPRECATED (use original extension) - Visual Studio Marketplace

I’d recommend this extension instead: ElixirLS: Elixir support and debugger - Visual Studio Marketplace

It’ll do formatting for you among other things. Also, should be able to detect your .formatter.exs without any config.

3

I also recommend ElixirLS. But that alone will not format on save; in my experience.

To get that, just add this line to your settings.json:

"editor.formatOnSave": true

4

You could also use the extension emeraldwalk/vscode-runonsave GitHub - emeraldwalk/vscode-runonsave: Visual Studio Code extension to run commands whenever a file is saved. · GitHub
And then put the following in your settings.json:

  "emeraldwalk.runonsave": {
    "commands": [
      {
        "match": "\\.exs?$",
        "isAsync": false,
        "cmd": "cd ${workspaceRoot} && mix format ${file}"
      }
    ]
  },

This could also be useful for other commands which you want to run automatically on save.

5

Thank you very much for your comment! Although I am currently using ElixirLS, this looks like a fantastic extension and it seems very useful for lots of things :bowing_man: