需安装官方Svelte扩展、验证TS/JS支持、配置svelte.config.js、可选启用调试支持。具体包括：安装svelte.svelte-vscode扩展并重启；选择TypeScript版本使状态栏显示Svelte标识；创建svelte.config.js配置compilerOptions；安装Debugger扩展并配置launch.json实现断点调试。

如果您在 VSCode 中编辑 Svelte 文件时缺少语法高亮、智能提示或组件跳转功能，则可能是由于 Svelte 官方扩展未正确安装或配置。以下是启用完整 Svelte 语言支持的操作步骤：

本文运行环境：MacBook Air，macOS Sequoia。

一、安装 Svelte for VSCode 扩展

该扩展由 Svelte 官方维护，提供语法高亮、代码补全、错误诊断及组件内跳转等核心语言服务。必须通过 VSCode 扩展市场安装官方版本，避免使用第三方替代品。

1、打开 VSCode，点击左侧活动栏的扩展图标（四个方块组成的图标）。

2、在扩展搜索框中输入 Svelte for VSCode。

3、在搜索结果中找到作者为 Svelte 的扩展，确认发布者 ID 为 svelte.svelte-vscode。

4、点击“安装”按钮，等待安装完成。

5、安装完成后点击“重新加载”以激活扩展。

二、验证 TypeScript/JavaScript 支持状态

Svelte 语言支持依赖于 VSCode 内置的 TypeScript 语言服务器。若项目使用 TypeScript 编写 Svelte 组件，需确保 TS 语言功能已启用且版本兼容。

1、在 VSCode 中打开任意 .svelte 文件。

2、按下 Cmd+Shift+P（macOS）调出命令面板。

3、输入并选择 TypeScript: Select TypeScript Version。

4、选择 Use Workspace Version（若项目根目录含 node_modules/typescript）或 Use VS Code's Version。

5、观察右下角状态栏是否显示 Svelte (TS) 或 Svelte (JS) 标识。

三、配置 svelte.config.js 以启用编译器检查

Svelte 扩展通过读取项目根目录下的 svelte.config.js 获取自定义预处理器、类型定义路径等信息。缺失该文件将导致部分类型推导和插件功能受限。

1、在项目根目录创建新文件，命名为 svelte.config.js。

2、写入基础配置内容：module.exports = { compilerOptions: { dev: true } };

3、若项目使用 TypeScript，在配置中添加 preprocess: require('svelte-preprocess')() 并确保已安装 svelte-preprocess 包。

4、保存文件后，重启 VSCode 窗口或执行命令 Developer: Restart Extension Host。

四、启用 Svelte 调试支持（可选）

若需在 VSCode 中直接调试 Svelte 应用（如断点、变量监视），需配合 Debugger for Chrome 或 Edge 扩展，并配置 launch.json。

1、安装 Debugger for Chrome 或 Debugger for Edge 扩展。

2、在项目根目录创建 .vscode/launch.json 文件。

3、填入以下内容：{ "version": "0.2.0", "configurations": [{ "type": "pwa-chrome", "request": "launch", "name": "Launch Svelte App", "url": "http://localhost:5173", "webRoot": "${workspaceFolder}" }] }

4、启动开发服务器（如 npm run dev），再按 F5 启动调试会话。

# javascript  # npm  # 处理器  # typescript  # node  # json  # js  # vscode  # java  # app