kaijicode / vscode-elm

Elm Language Support for Visual Studio Code

Home Page:https://marketplace.visualstudio.com/items/sbrink.elm

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Elm support for Visual Studio Code

Error highlighting

Feature overview

  • Syntax highlighting
  • Autocomplete (for external packages and experimental for local project)
  • Error highlighting
  • Code formatting
  • Hover info
  • Document Symbol provider
  • Integration with Elm Package
  • Integration with Elm Reactor
  • Integration with Elm Make
  • REPL
  • Custom Elm Snippets

Elm Installation

Global Installation

Follow this guide.

Project (Local) Installation

Run npm install --save-dev elm

Then, in .vscode/settings.json, add the following:

"elm.makeCommand": "./node_modules/.bin/elm-make"

Feature details

Syntax highlighting

Syntax highlighting is essential. The full language is supported. Can we improve the highlighting further? Please create an issue!

Error highlighting

Error highlighting

We support error highlighting on save. If you check Auto save under File, you should get feedback immediately.

This is marked experimental because we still have to improve the project detection. We'll solve this in the next days.

Function information

Function info

You can hover over a function and get the signature and comment.

REPL

REPL

Not sure about the output of a function? Test it from inside the editor.

Open the actions menu and use one of the following commands:

  • Elm: REPL - Start
  • Elm: REPL - Send Line
  • Elm: REPL - Send Selection
  • Elm: REPL - Send File

Reactor support

Reactor support

Reactor is the webserver which comes with Elm.

We support starting / stopping from within the editor.

Snippets

We support snippets for the basic language features. To use them, press Ctrl+Space and start typing. Or start with some characters and use Ctrl+Space for autocompletion.

Want to know more? Look at the snippet definitions

Format

elm-format is supported via the editor's Format Code command. To format your code using elm-format, press Shift+Alt+F on Windows, Shift+Option+F on Mac, or Ctrl+Shift+I on Linux.

You can also configure elm-format to run on save by enabling the elm.formatOnSave in your settings.

// settings.json
{
    "elm.formatOnSave": true
}

Clean Build Artifacts

You can delete your elm-stuff/build-artifacts directly from vscode by using Elm: Clean build artifacts command.

Help wanted

Building all these things will take some time. So pull requests are much appreciated!

Acknowledgements

Contributing and copyright

The project is hosted on GitHub where you can report issues, fork the project and submit pull requests.

The library is available under MIT license, which allows modification and redistribution for both commercial and non-commercial purposes.

Maintainer(s)

About

Elm Language Support for Visual Studio Code

https://marketplace.visualstudio.com/items/sbrink.elm

License:MIT License


Languages

Language:TypeScript 100.0%