Package Control 必须先安装成功，否则其他插件无法正常工作；需使用 Sublime Text 4 专用脚本并验证命令可用；Emmet 在 .vue 文件中需设为 Vue 语法并装 Vue Syntax Highlight；AutoFileName 需手动添加 node_modules 扫描路径；LSP 与 SublimeLinter-eslint 不可共存，应禁用后者。
Package Control 必须先装，否则其他插件全卡死——这不是建议，是硬性前提。
为什么 Package Control 安装失败就别往下走
Sublime Text 4 已全面切换到 Python 3，旧版安装脚本会直接报 AttributeError: module 'urllib' has no attribute 'request' 或静默失败。你看到 Success! Please restart Sublime Text 不代表成功，得验证命令是否可用。
- 重启后按
Ctrl+Shift+P输入Package Control: Install Package，左下角必须出现Fetching list of available packages - 若无响应，先执行
Package Control: Synchronize Sources；仍失败，大概率是代理或公司防火墙拦截，临时关闭再试 - 务必从
packagecontrol.io复制标有 “Sublime Text 4” 的完整脚本，含hashlib.sha256校验段（如h = 'df21e130' + 'eea76'），缺了它可能载入被篡改的包
Emmet 在 .vue 文件里不生效？检查语法识别
Emmet 默认只在 .html 和 .css 文件中激活。在 .vue 单文件组件中，<template> 区域缩写（如 div.container>ul>li*3）按 Tab 没反应，不是插件坏了，而是语法没识别对。
- 右下角状态栏查看当前语法名，如果不是
Vue，点击它 → 选择Vue→ 再点Set as Default - 需额外安装
Vue Syntax Highlight插件，否则Emmet无法感知<template>块边界 - 确认项目根目录下有
jsconfig.json或tsconfig.json，否则部分嵌套推导精度下降
AutoFileName 找不到 node_modules 下的路径？手动配置扫描范围
AutoFileName 默认只扫描项目根目录及其子目录，但不会进入 node_modules。当你写 @import "~bootstrap/scss/functions"; 或 import { debounce } from 'lodash'; 时，路径补全根本不出现在弹窗里。
vue-component-analyzer
下载
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
- 打开
Preferences → Package Settings → AutoFileName → Settings – User - 填入：
{ "scan_folders": ["./", "./src/", "./node_modules/"] } - 注意：添加
./node_modules/后首次扫描会稍慢，但后续补全即时响应 - 如果项目用了
pnpm或yarn pnp，路径结构不同，需对应调整扫描路径
LSP 和 SublimeLinter-eslint 别共存
两者都监听保存事件，同时启用会导致重复报错、悬停提示错乱、甚至 CPU 占用飙升。LSP 是当前事实标准，SublimeLinter 只适合做轻量校验兜底。
立即学习“前端免费学习笔记（深入）”；
- 装
LSP后，必须单独装对应语言服务器：LSP-pyright（Python）、LSP-typescript（JS/TS）、LSP-eslint（深度集成 ESLint 规则） -
LSP-eslint不替代SublimeLinter-eslint，它是 LSP 协议下的 ESLint 封装，提供参数提示和跳转定义能力 - 若已装
SublimeLinter-eslint，请禁用它：右键 →SublimeLinter → Disable Package
Package Control 的校验值、Vue 语法识别、node_modules 扫描路径、LSP 与 SublimeLinter 的冲突。这些细节不处理，装再多插件也白搭。 
