如何让TypeScript、Eslint在编写违规代码时实时提示错误？

数据老陈

2026-8-22

解决远程文件实时TypeScript/ESLint提示问题

改用VS Code Remote - SSH连接远程服务器
不要直接通过WinSCP打开远程文件，使用VS Code的Remote - SSH扩展建立到服务器的连接，再打开远程项目目录。这样VS Code能完整加载远程环境的依赖与配置，而非仅读取孤立的文件内容。
在远程服务器端安装必要扩展
连接远程后，在VS Code扩展市场找到ESLint、TypeScript和JavaScript Language Features扩展，选择「Install in SSH: [你的服务器名称]」，确保这些扩展运行在远程环境，而非本地。
配置远程工作区的VS Code设置
在远程项目的.vscode/settings.json中添加以下配置：
```
{
  "eslint.validate": ["typescript"],
  "eslint.run": "onType",
  "typescript.validate.enable": true,
  "typescript.tsdk": "./node_modules/typescript/lib"
}
```
其中typescript.tsdk指向项目本地安装的TypeScript库（需确保项目已执行npm install typescript --save-dev），避免VS Code使用本地版本导致环境不兼容。

确认项目依赖与配置文件完整性
远程项目根目录必须安装核心依赖，执行命令：

npm install --save-dev typescript eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser

同时确保存在正确的ESLint配置文件（如.eslintrc.js），示例配置：

module.exports = {
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
};