结合AutoFileName插件在Sublime中实现文件路径自动补全-sublime-PHP中文网

autofilename 插件仅支持静态路径补全，不解析动态拼接路径；需重启sublime生效，默认禁用html/css补全；须在settings–user中添加扩展名并配置path_aliases映射webpack别名；补全仅触发于require/import/url/@import等路径上下文内的引号中。

结合autofilename插件在sublime中实现文件路径自动补全

AutoFileName 插件本身不支持动态解析变量或构建路径，它只做静态文件系统扫描和相对路径补全——这意味着你不能指望它补全 require('./src/utils/' + name) 这类拼接路径，但对 require('./src/utils/') 后跟 Tab 就能列出 api.js、helper.js 是可靠的。

安装后必须重启 Sublime 才生效，且默认不启用 CSS/HTML 中的路径补全

AutoFileName 安装后不会自动在所有语法中激活。常见现象是：JS 里敲 import 能补全，但在 url(./assets/) 或 @import "./styles/" 里没反应。

打开 Preferences → Package Settings → AutoFileName → Settings – User

添加以下配置，显式开启 HTML/CSS/SCSS 支持：

{
  "extensions": ["js", "jsx", "ts", "tsx", "html", "htm", "css", "scss", "sass", "less"]
}

保存后需完全退出 Sublime（不是关闭窗口）再重开，否则新配置不加载

`sublime-project` 中设置 `path_aliases` 可让 `@/components/` 补全真实目录

项目用了 Webpack 别名（如 @ 指向 src），AutoFileName 默认不认识。它不会读取 webpack.config.js 或 jsconfig.json，必须手动映射。

BGM猫

BGM猫是一款AI音频处理工具，灵动音科技推出的AI智能生成BGM音乐。

下载

在项目根目录的 myproject.sublime-project 文件中，加入 settings 块：

"settings": {
  "auto_filename_path_aliases": {
    "@": "src",
    "#": "node_modules"
  }
}

路径值支持相对路径（如 "src"）或绝对路径（如 "/Users/me/project/src"）
别名只在该工程内生效；补全时输入 @/components/ 再按 Tab，就会列出 Button.vue、Modal.js 等真实文件

补全行为受光标位置严格限制，不是所有 `''` 或 `""` 内都触发

AutoFileName 只在明确的「路径上下文」中工作，比如字符串字面量紧邻 require(、import ... from、url(、@import 后，且引号内为空或已有部分路径。

✅ 触发场景：import Header from './com<tab>'</tab>、background: url('./img/<tab>')</tab>
❌ 不触发场景：const path = './com'; // 不在调用上下文中、console.log('./com') // 无 import/require/url 前缀
⚠️ 注意单双引号一致性：如果当前字符串用单引号，补全只在单引号内有效；切换成双引号需重新输入引号才能激活

路径补全的可靠性高度依赖项目结构清晰和别名配置完整。一旦出现“应该补全却没反应”，优先检查 sublime-project 是否存在、path_aliases 拼写是否与代码中一致、以及光标是否真的落在被识别的路径字符串内部——这三个点卡住的情况占实际问题的 80% 以上。