IDE / Editors

Visual Studio Code

Visual Studio Code is a lightweight but powerful source code editor available for Windows, macOS and Linux. It has built-in support for JavaScript, TypeScript and Node.js with a rich extension ecosystem.

Download here

Suggested extensions

• ESLint - Linter for JavaScript and TypeScript
• i18n Ally - Useful for vue-i18n translations
• Vue - Official - Official Vue 3 and Nuxt language support (syntax highlighting, IntelliSense, TypeScript integration)

Auto-fix on save

Create .vscode/settings.json in the root of your project:

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.experimental.useFlatConfig": true
}

Zed

Zed is a fast, collaborative code editor built in Rust. Extensions are installed via the Extensions panel (Ctrl+Shift+X on Windows/Linux, Cmd+Shift+X on macOS) or through the command palette.

Download here

Suggested extensions

• Vue - Vue SFC language support via vue-language-server (Volar)
• ESLint - ESLint integration as a language server

Auto-fix on save

Add the following to your Zed user settings (~/.config/zed/settings.json):

{
  "format_on_save": "on",
  "languages": {
    "Vue": {
      "language_servers": ["vue-language-server", "eslint"],
      "formatter": { "language_server": { "name": "eslint" } }
    },
    "JavaScript": {
      "language_servers": ["typescript-language-server", "eslint"],
      "formatter": { "language_server": { "name": "eslint" } }
    },
    "TypeScript": {
      "language_servers": ["typescript-language-server", "eslint"],
      "formatter": { "language_server": { "name": "eslint" } }
    }
  }
}

Visual Studio

Visual Studio is a full IDE for C# and .NET development.

Download here