VSCode别名路径跳转失效主因是配置缺失:需在settings.json中手动配置别名映射(如{"@": "./src"}),同时确保jsconfig.json/tsconfig.json正确设置baseUrl和paths,并重启TS服务。

VSCode 前端开发效率不靠堆插件,靠选对、配准、用熟——真正卡住开发节奏的,往往是 Ctrl+Click 跳不到别名路径、console.log 手敲又怕拼错、改完 HTML 忘刷新、写完 Vue 模板找不到对应 data 定义这些具体动作。
别名路径跳转失效(@/xxx 无法 Ctrl+Click)
这是 Vue/React 项目里最常被当成“VSCode 问题”但实际是配置缺失的典型。插件 别名路径跳转(或 @ext:lihuiwang.vue-alias-skip)本身不自动识别 @,它依赖你显式声明别名映射。
- 必须在 VSCode 设置中手动添加配置,例如:
{"@": "./src"}或{"@": ["./src", "./types"]} - 如果项目用的是
vite.config.ts中的resolve.alias,插件不会自动读取——它只认 VSCode 的 settings.json 配置 - Webpack 项目还需额外确认
jsconfig.json或tsconfig.json里有"baseUrl": "./"和"paths",否则 TypeScript 语言服务也不认
Live Server 启动后页面不自动刷新
不是插件坏了,而是默认只监听 .html 文件变更。你改了 .css 或 .js,浏览器根本收不到通知。
- 打开设置搜索
liveServer.settings.CustomBrowser,确保没误设成none - 关键配置项是
liveServer.settings.AdvanceCustomBrowserCmdLine,但更直接的是启用liveServer.settings.FullReload(设为true),强制全量重载 - 端口冲突时别只改插件设置,还要检查系统是否已有进程占用了
5500(比如另一个 Live Server 实例没关),可用lsof -i :5500(macOS/Linux)或netstat -ano | findstr :5500(Windows)查
vue-helper 的 alt + enter 在某些键盘布局下失灵
这个快捷键在非美式键盘(如中文输入法开启状态、部分笔记本 Fn 键绑定)下容易被拦截或触发输入法候选框,而不是换行。
HISUI 前端框架基础开发指南。HISUI 是基于 easyui 二次开发的 jQuery UI 组件库,专为医疗信息系统设计。当涉及 HISUI 组件开发、jQuery easyui 表格/表单/布局/窗口、医疗系统前端页面编写时使用此 skill。 涵盖 40 个组件的官方文档参考,支持声明式与编程式两种初始化方式,提供 $cm/$m 数据访问方法。
立即学习“前端免费学习笔记(深入)”;
- 先确认输入法已切换到英文模式(尤其 Windows 用户,
Shift切换不一定可靠,Ctrl + Space更稳) - 若仍无效,在 VSCode 键盘快捷方式设置中搜索
vue-helper,找到对应命令vueHelper.enhance,手动绑定为Ctrl + Enter等更健壮组合 - 注意:该功能只在
.vue文件的<template></template>区域生效,<script></script>里按无效
Tencent Cloud AI Code Assistant 补全建议总延迟或不出现
不是网络慢,而是它默认只在编辑器焦点处于代码区域时才激活分析——光标停在注释、空行、字符串字面量内部,AI 就会静默。
- 触发补全前,确保光标落在有效语句末尾(比如
const a = |的竖线位置),而非引号内或注释中 - 首次使用需等待模型加载完成,右下角状态栏会出现
AI loading...,此时强行按Tab无响应 - 若长期无响应,检查是否启用了其他 AI 插件(如 GitHub Copilot),它们可能抢占同一语言服务器通道
插件再多,也抵不过一个事实:VSCode 的跳转、补全、热更新能力,本质是语言服务 + 配置 + 文件系统三者对齐的结果。漏掉任意一环,比如 tsconfig.json 路径没配对、jsconfig.json 缺失、或者插件配置写在用户级 settings 而非工作区级,都会让“本该好使”的功能彻底失灵。

















