TypeScript LSP

TypeScript/JavaScript language server integration providing comprehensive code intelligence through typescript-language-server.

Capabilities

Type checking: Static analysis of TypeScript and JavaScript types
Code intelligence: Autocomplete, go-to-definition, find references, rename symbols
Error detection: Real-time diagnostics for type errors, syntax issues, and semantic problems
Refactoring: Extract function/variable, organize imports, quick fixes
Supported extensions: .ts, .tsx, .js, .jsx, .mts, .cts, .mjs, .cjs

Installation

Install TypeScript language server and TypeScript compiler:

npm install -g typescript-language-server typescript

Or with yarn:

yarn global add typescript-language-server typescript

Verify installation:

typescript-language-server --version
tsc --version

Usage

The language server runs automatically in LSP-compatible editors. For manual type checking:

tsc --noEmit  # Type check without generating output files

Compile TypeScript files:

tsc src/index.ts

Watch mode for continuous type checking:

tsc --watch --noEmit

Configuration

Create tsconfig.json in project root:

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "ESNext",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "resolveJsonModule": true,
    "moduleResolution": "node"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "dist"]
}

Integration Pattern

When editing TypeScript/JavaScript code:

Run tsc --noEmit after significant changes
Address type errors before committing
Use tsc --watch during active development
Leverage quick fixes for common issues

Common Flags

--noEmit: Type check only, no output files
--strict: Enable all strict type checking options
--watch: Watch mode for continuous compilation
--project <path>: Specify tsconfig.json location
--pretty: Stylize errors and messages

typescript-lsp