Emily

Emily

Setting Up Visual Studio Code For Max Elixir/Phoenix Efficiency?

It’s been awhile since I’ve coded in Elixir/Phoenix & behind the curve.

i’m setting up an updated coding environment in Visual Studio Code.

Any pros have some suggestions for best plugins & settings for Elixir/Phoenix?

Most Liked

frigidcode

frigidcode

If you are using Elixir <= 1.5 the vscode-elixir plugin will work well. ElixirLS is for >= Elixir 1.6 and utilizes changes within 1.6 for inline reporting of build warnings and errors. I listed my plugins and posted config below. Very basic setup, making use of the keyboard shortcuts, especially vim command mode, save, switch to terminal, switch to code window.

One Dark Pro
Project Manager
Vim
vscode-elixir
vscode-icons

Settings

{
"workbench.colorTheme": "One Dark Pro",
"workbench.iconTheme": "vscode-icons",
"vim.disableAnnoyingNeovimMessage": true,
"editor.fontFamily": "'Input Mono'",
"editor.fontLigatures": true,
"editor.fontSize": 16,
"editor.tabSize": 2,
"editor.renderWhitespace": "all",
"editor.cursorStyle": "block-outline",
"editor.tabCompletion": true,
"editor.rulers": [
    80, 100
],
"editor.autoIndent": true,
"editor.cursorBlinking": "phase",
"editor.minimap.enabled": false,
"vim.hlsearch": true,
"vim.insertModeKeyBindings": [
    {
        "before": ["j","j"],
        "after": ["<Esc>"]
    }
],
"vim.leader": "<space>",
"vim.otherModesKeyBindingsNonRecursive": [
    {
        "before": ["<leader>","w"],
        "after": [],
        "commands": [
            {
                "command": "workbench.action.files.save",
                "args": []
            }
        ]
    },
    {
        "before": ["<leader>","t"],
        "after": [],
        "commands": [
            {
                "command": "workbench.action.terminal.focus",
                "args": []
            }
        ]
    }
],
"vsicons.dontShowNewVersionMessage": true,
"window.zoomLevel": 0
}
10
Post #2
michallepicki

michallepicki

I like VSCode with the elixir-ls extension because it gives me fast incremental dialyzer, formatter integration, documentation tooltips on hover and decent Intellisense out of the box without much config tinkering. TBH I’d use vim if I could get it all there that easily.

My VSCode config with some comments:

{
  // Elixir:
  "elixirLS.fetchDeps": false,
  "elixirLS.dialyzerWarnOpts": [
    "error_handling",
    "underspecs",
    "unknown",
    "unmatched_returns",
    // "overspecs",
    // "specdiffs"  // disabled because ecto / phoenix produce too many warnings
  ],

  // Privacy:
  "telemetry.enableTelemetry": false,
  "telemetry.enableCrashReporter": false,
  "workbench.settings.enableNaturalLanguageSearch": false,

  // Editor:
  "editor.minimap.enabled": false,
  "editor.overviewRulerBorder": false,
  "editor.glyphMargin": false,
  "editor.tabSize": 2,
  "editor.folding": false,

  // UI & general behaviour
  "terminal.integrated.fontFamily": "Ubuntu mono", // fixes invisible underscores in terminal on Ubuntu
  "window.menuBarVisibility": "toggle", // show menu only after clicking Alt
  "git.autorefresh": false, // I don't use the integration anyway
  "workbench.editor.enablePreview": false,

  // Search:
  "search.exclude": {
    "**/node_modules": true,
    "**/.elixir_ls": true
  },
  "explorer.autoReveal": false, // Prevents the browser from jumping around when switching files
}
frigidcode

frigidcode

Elixir-LS provides syntax highlighting and has the option to format on save which is awesome.

editor.formatOnSave

frigidcode

frigidcode

Update:

"vim.otherModesKeyBindingsNonRecursive": is now "vim.normalModeKeyBindingsNonRecursive":

Where Next?

Popular in Questions Top

dotdotdotPaul
Okay, I'm having a heck of a time trying to figure out how to best handle the validation of belongs_to associations in Ecto. I'm sure I'...
New
joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...
New
jerry
Good day to you all. I have been struggling to get a query involving like and ilike to work. Can anyone assist me on this, please? pro...
New
pgiesin
This should be a simple problem but I just can’t seem to figure it out. I have a standalone Elixir app that won’t find the database. Dep...
New
New
Harrisonl
We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...
New
dokuzbir
Hello, I am trying to convert my lists to string without losing brackets.For start i have 3 map. They look like these buyer = %{ id: ...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
LegitStack
I’m trying to make a websocket server in Phoenix or raw Elixir. I heard about gun, I think I could use cowboy, but since I’m not that sma...
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New

Other popular topics Top

yawaramin
In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...
New
malloryerik
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
Jim
As a follow up to my earlier question: I have the code compiling and running but not getting a successful login from the rest server. ...
New
vertexbuffer
Hello, can anybody help here..? I have a list of players and I what to delete an element, but every for loop the list is reverting to ori...
New
minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
fireproofsocks
Forgive me if this is obvious, but how does one delete a database record WITHOUT selecting it first? https://hexdocs.pm/ecto/Ecto.Repo.h...
New
Fl4m3Ph03n1x
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
273 38985 115
New

We're in Beta

About us Mission Statement