360 Secure SkillHub
360 安全技能中心

TypeScript LSP

这是集成typescript-language-server的TypeScript/JavaScript语言服务器,核心功能含静态类型检查、代码补全跳转、实时错误检测、代码重构及快速修复,支持8种JS/TS相关文件。适用于JS/TS项目开发中的代码编写、错误排查、重构优化,可在LSP兼容编辑器自动运行,也支持命令行手动执行类型检查、编译,需通过tsconfig.json配置编译规则。

bowen31337
bowen31337
热度 82.27
最近更新 2026-02-26 05:40:40
分类:开发依赖:代码执行应用场景:代码审查 / 调试排错 / 模板

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add typescript-lsp
Metadata
name
typescript-lsp
description
TypeScript language server providing type checking, code intelligence, and LSP diagnostics for .ts, .tsx, .js, .jsx, .mts, .cts, .mjs, .cjs files. Use when working with TypeScript or JavaScript code that needs type checking, autocomplete, error detection, refactoring support, or code navigation.

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:

  1. Run tsc --noEmit after significant changes
  2. Address type errors before committing
  3. Use tsc --watch during active development
  4. 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

More Information