vs code css路径补全需满足三条件：html已保存、css在工作区内、光标位于href双引号内；重命名后需重开文件，未保存css不索引；搜索类名应关闭“匹配整个单词”，css变量--foo原生不支持f12跳转。
href双引号内按 Ctrl+Space 才能触发路径补全
VS Code 默认支持 CSS 路径补全，但必须满足三个硬性条件：HTML 文件已保存（未保存的临时文件不索引）、CSS 文件在当前工作区目录内、光标精确停在 href="" 的双引号内部。常见错误是敲完 link:css 按 Tab —— 这只是 Emmet 固定模板，输出 href="style.css"，和项目结构完全无关。
- 正确操作：把光标放进
<link rel="stylesheet" href="%7C">的引号里，直接按Ctrl+Space（Windows/Linux）或Cmd+Space（macOS） - 如果 HTML 在
src/pages/、CSS 在src/css/，先手动输入../css/，再按Ctrl+Space，它会基于前缀继续提示 - 路径含中文或空格时，补全常失效；建议统一用小写英文 + 短横线，如
base-styles.css
重命名 CSS 文件后 href 提示不更新？关文件再开
VS Code 对文件系统重命名事件监听不敏感，尤其当你在资源管理器右键改名，IntelliSense 缓存不会自动刷新。重启扩展主机（Ctrl+Shift+P → Developer: Restart Extension Host）有时有效，但最稳的方式是关闭当前 HTML 文件，再重新打开一次。
- 编辑器内用
F2直接重命名，比外部操作更容易被实时捕获 - 刚新建 CSS 文件但没保存？
Ctrl+S后再试，未保存的文件不会进入索引 - 别指望插件“自动同步”——原生 IntelliSense 只响应文件增删和重命名事件，不响应内容变更
全局搜索 CSS 类名时搜不到？关掉 “匹配整个单词”
默认开启的 matchWholeWord 会让搜索 btn 跳过 class="btn btn-primary" 这种写法，因为 btn 是子串而非独立单词。这不是插件问题，是搜索设置卡住了。
- 按
Ctrl+Shift+F打开全局搜索，点右上角 αβ 图标（确保它没高亮）来关闭 “匹配整个单词” - 要精准锁定 class 属性值里的类名，开 .* 正则模式，输入：
class=["']([^"']*\s+)?your-class-name(\s+[^"']*)?["'] - 确认 HTML 文件右下角语言模式是
HTML，不是Plain Text；检查search.exclude是否误加了**/*.html
CSS 变量 --foo 无法 F12 跳转？这是原生限制
VS Code 内置 CSS 语言服务器根本没实现自定义属性的语义建模，所以 F12 和 Shift+F12 对 --primary-color 必然无效——不是你配错了，是它压根不支持。
- 查使用位置：全局搜索开启正则，输入
var\(--[a-zA-Z0-9-]+\) - 查定义位置：搜
:root[^{]*{[^}]*--[^}]*}，或集中声明在单个_custom-properties.css文件里降低搜索成本 - CSS Peek、IntelliSense for CSS class names 等插件对
--foo完全无作用，它们只处理 class/id 到选择器的映射
真正容易被忽略的是工作区边界和文件保存状态——90% 的“没提示”“搜不到”“跳不了”，都卡在这两个地方，而不是插件没装或设置没调。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
