Hugues Verlin
Back to projects

mise-vscode

Installation links:

Visual Studio Code extension for mise (mise-en-place).

mise is a polyglot tool version manager, environment variables manager, and tasks runner.

  • Like asdf (or nvm or pyenv but for any language), it manages dev tools like > node, python, cmake, terraform, and hundreds more.
  • Like direnv, it manages environment variables for different project > directories.
  • Like make, it manages tasks used to build and test projects.

This VSCode extension provides an easy way to manage mise tasks, tools, and environment variables directly from your editor.

It can automatically configure other extensions to use tools provided by mise in your current project.

Installation

✨ Features

The mise-vscode extension integrates mise’s core functionality into VS Code, helping you manage your development environment directly from the editor. You can handle task running, tool versions, and environment variables through a simple interface. Here’s what’s available:

mise.toml Language Support

  • 📝 Syntax highlighting for mise.toml files (and tera templates)
  • 📚 Autocompletion for mise.toml files
  • 🔗 Go to definition, find references for mise tasks

Task Management

  • 🔍 Automatic detection of mise tasks
  • ⚡ Run tasks directly from, mise.toml files, file tasks, the command palette or the activity bar (arguments are supported)
  • 📝 View task definitions
  • ➕ Create new toml & file tasks
  • ⚡ Autocompletion of task dependencies
  • 🕸️ View graph of task dependencies

Tool Management

  • 🧰 View all mise tools (python, node, jq, etc.) in the sidebar
  • 📍 Quick navigation to tool definitions
  • 📱 Show tools which are not installed or active
  • 📦 Install/Remove/Use tools directly from the sidebar
  • 🔧 Configure your other VSCode extensions to use tools provided by mise (list of supported extensions). See the set-up guide for more information.

Environment Variables

  • ⚙️ View mise environment variables
  • 📍 Quick navigation to environment variable definitions
  • 🔄 Automatically load environment variables from mise.toml files in VS Code

Snippets

  • 📝 Snippets to create tasks in mise.toml and task files

Integration with VSCode tasks (launch.json)

This extension lets VSCode tasks use mise tasks. You can use mise tasks in your launch.json file.

See the VSCode task integration docs section for more information.

Documentation

Reference

Guides

Setup for Bun, Deno, Flutter, Go, Java, Julia, Node.JS, PHP, Python