path intellisense 补全 href 和 @import 路径需同时满足：语言模式为 html/scss、上下文匹配白名单属性、无冲突插件干扰、settings.json 中启用 enabled 并配置 extensionpaths（如 ["css","scss"]），且别名路径须通过 tsconfig.json 的 paths 与 path-intellisense.mappings 映射并重启 ts server。
装好 Path Intellisense 插件后，href 和 @import 里的 CSS 路径才能自动补全；但只装插件不够，必须确认语言模式正确、路径上下文匹配、且没被其他插件拦截。
为什么 link href="" 里按引号没提示？
常见失效不是插件坏了，而是 VS Code 没把它当「路径上下文」处理：
- 当前文件语言模式不是
HTML（比如后缀是.htm或无后缀，VS Code 会识别为Plain Text，直接跳过所有路径补全） -
Path Intellisense默认只监听href、src、@import、url()这几类位置——写在style="..."或 JS 字符串里不会触发 - 有冲突插件（如
Auto Import、Path Autocomplete）在后台劫持了补全逻辑，导致Path Intellisense完全静默
Path Intellisense 必须开启的三项设置
在 settings.json 中手动检查并补全以下配置（缺一不可）：
-
"path-intellisense.enabled": true—— 主开关，禁用后整个插件不工作 -
"path-intellisense.showHiddenFiles": false（或true，按需）—— 控制是否显示.gitignore类文件 -
"path-intellisense.extensionPaths": ["css", "scss", "less", "sass"]—— 显式声明要提示的 CSS 类型，否则.scss文件可能不出现
SCSS @import 补全失败的三个硬条件
SCSS 的 @import "./base" 能否补全，取决于三件事是否同时成立：
- 当前文件语言模式是
SCSS（不是CSS或Plain Text） -
Path Intellisense的extensionPaths包含"scss"，且项目中真实存在./base.scss或./_base.scss - 没有启用
css-language-features的内置 CSS 补全覆盖——它和Path Intellisense在@import场景下会竞争，建议关闭css.suggest.basic防止干扰
别名路径（如 @/styles）补全不到？
别名不是插件“猜”出来的，它必须从配置里读取映射关系。漏掉任意一项都会让 @/ 按 Tab 没反应：
- 项目根目录有
jsconfig.json或tsconfig.json，且含"baseUrl": ".", "paths": { "@/*": ["src/*"] } -
path-intellisense.mappings设置为空对象{}（推荐），或与tsconfig严格一致（注意斜杠方向必须是/，不能是\） - 改完配置后执行命令面板中的
Developer: Restart TS Server—— 不重启，TS 缓存仍按旧路径解析
最容易被忽略的是语言模式和 extensionPaths：哪怕所有配置都对，只要 HTML 文件被识别为 Plain Text，或者 extensionPaths 漏了 "scss"，@import 和 link href 就永远安静无声。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
