setup

Svelte LSP Setup

This command will configure your Svelte development environment with svelte-language-server and essential tools.

Current Tool Versions (January 2026)

Tool	Version	Notes
svelte-language-server	0.17.x	LSP server
svelte-check	4.0.x	Type checking
prettier	3.x	Code formatter
prettier-plugin-svelte	3.x	Svelte formatter
eslint	9.x	Linter
eslint-plugin-svelte	3.x	Svelte linter

Prerequisites Check

First, verify Node.js is installed:

node --version
npm --version

If not installed, download from https://nodejs.org/ or use a version manager:

# macOS (Homebrew)
brew install node

# Linux (nvm)
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash
nvm install --lts

Installation Steps

1. Install svelte-language-server (Global)

Check if svelte-language-server is available:

which svelte-language-server || echo "svelte-language-server not found"

Install globally:

npm install -g svelte-language-server

Verify installation:

svelte-language-server --version

2. Install Development Tools (Project-Level)

If you're in a Svelte project, install development dependencies:

# Type checking
npm install -D svelte-check

# Formatting
npm install -D prettier prettier-plugin-svelte

# Linting
npm install -D eslint eslint-plugin-svelte

3. Configure Prettier

Create .prettierrc in your project root:

cat > .prettierrc << 'EOF'
{
  "plugins": ["prettier-plugin-svelte"],
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 100,
  "tabWidth": 2,
  "useTabs": false,
  "overrides": [
    {
      "files": "*.svelte",
      "options": {
        "parser": "svelte"
      }
    }
  ]
}
EOF

4. Configure ESLint

Initialize ESLint configuration:

# Create .eslintrc.json
cat > .eslintrc.json << 'EOF'
{
  "extends": ["eslint:recommended", "plugin:svelte/recommended"],
  "parserOptions": {
    "ecmaVersion": 2020,
    "sourceType": "module"
  },
  "env": {
    "browser": true,
    "es2017": true,
    "node": true
  },
  "rules": {
    "no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }]
  }
}
EOF