怎样使用vscode的智能提示与代码补全【教程】

VS Code 的智能提示和代码补全需依赖语言服务、扩展支持与项目上下文；缺少 TypeScript/JavaScript 语言服务器、未配置 tsconfig.json/jsconfig.json 或路径别名未声明会导致补全失效，Python/Rust/Go 等语言还需对应语言服务器及正确环境配置。

VS Code 的智能提示和代码补全不是开箱即用的“全自动”，它依赖语言服务、扩展支持和项目上下文——没配对扩展或没装对 node_modules，import 语句写完按 Ctrl+Space 可能啥都不出来。

为什么 TypeScript/JavaScript 的补全经常失效

核心问题不是 VS Code 本身，而是缺少语言服务器（如 typescript-language-server）或项目未识别为 TS/JS 项目。常见现象包括：对象属性不提示、函数参数无签名、require 或 import 后路径不补全。

• 确认工作区根目录下有 tsconfig.json（TS）或 jsconfig.json（JS），没有就手动建一个空的 jsconfig.json（内容为 {}），否则 VS Code 默认以“无类型 JS”模式运行，关闭大部分语义补全
• 检查是否安装了官方 ESLint 或 TypeScript 扩展；禁用第三方 JS 补全插件（如旧版 JavaScript (ES6) code snippets），它们常与内置语言功能冲突
• 打开命令面板（Ctrl+Shift+P），运行 Developer: Toggle Developer Tools，看 Console 是否报 Cannot find module 或 TSServer exited —— 这说明 tsserver 启动失败，大概率是全局 TypeScript 版本太老或项目里没装 typescript

如何让 import 路径自动补全生效

路径补全（比如输入 import utils from './ 后弹出 utils.ts）靠的是 typescript 的模块解析逻辑，不是文件系统扫描。

Favird

极其棒且有价值的互联网资源目录！

下载

• 确保 jsconfig.json 或 tsconfig.json 中启用了 "moduleResolution": "node"（默认就是，但自定义配置可能关掉）
• 如果用了别名（如 @/components），必须在 compilerOptions.baseUrl 和 compilerOptions.paths 中声明，否则补全不认识 @
• 补全只对当前 workspace 有效；多根工作区（multi-root workspace）中，路径补全不会跨文件夹，除非每个文件夹都有独立的 jsconfig.json

Python / Rust / Go 等语言补全怎么启用

这些语言不依赖 TS Server，但各自需要对应语言服务器 + 客户端扩展，且必须正确指向可执行文件。

• Python：装好 Python 扩展后，在设置里搜 python.defaultInterpreterPath，设为你的 venv/bin/python 或 pyenv 对应路径；否则补全只能基于标准库，找不到你 pip install 的包
• Rust：必须装 rust-analyzer 扩展（不是 Rust 那个老扩展），并确保本地有 rustup 和 cargo，否则 ra_lsp_server 启动失败，补全直接空白
• Go：启用 gopls（VS Code Go 扩展默认开启），但若项目用 go mod，需在项目根目录运行过 go mod download，否则 gopls 不知道依赖结构，补全不显示第三方包导出项

最常被忽略的一点：补全触发时机不是“等你打完单词”，而是“在你输入过程中持续推断”。如果你习惯敲完整个函数名再按 Ctrl+Space，其实已经错过最佳提示窗口——VS Code 默认在你输入第 2–3 个字符时就弹出候选，这时候按 Tab 或 Enter 就能直接插入，比手动唤出再选快得多。