package control必须先正确安装，否则sublime text 4无法使用插件：需用packagecontrol.io官网标有“sublime text 4”的含hashlib.sha256校验的python脚本（如h='df21e130'+'eea76'），执行后重启并验证ctrl+shift+p中package control: install package能触发fetching列表才算真正就位。
Package Control 必须先装对，否则后面全卡住
没它，Sublime 就是纯文本编辑器，连 Ctrl+Shift+P 输入插件名都无效。2026 年用 Sublime Text 4，必须用官网 packagecontrol.io 页面标有 “Sublime Text 4” 的 Python 3 安装脚本，里面含 hashlib.sha256 校验段（比如 h = 'df21e130' + 'eea76'）。旧版脚本会报 AttributeError: module 'urllib' has no attribute 'request'。
执行后看到 Successfully installed 不代表完事——必须重启 Sublime，再按 Ctrl+Shift+P 输入 Package Control: Install Package，左下角出现 Fetching list of available packages 才算真正就位。
如果命令无响应：
- 先运行
Package Control: Synchronize Sources - 仍失败，大概率是代理或公司防火墙拦截，临时关闭再试
- 别跳过校验值，缺了它可能载入被篡改的包
Emmet 和 AutoFileName 解决每天最痛的两件事
Emmet 不是炫技工具，是把 section>div.container>ul>li*3 按 Tab 变成嵌套结构的刚需；AutoFileName 是在 <img src="./<cursor>"> 时自动列出当前项目目录下所有文件的路径补全器。
但它们有硬性前提：
-
Emmet在.vue文件的<template></template>区域默认不生效，得先装Vue Syntax Highlight，并确认右下角语法显示为Vue -
AutoFileName默认只扫描通过Project → Add Folder to Project设置的根目录，不会进node_modules；若要补全@import "bootstrap/scss/"这类路径，得手动编辑Packages/User/AutoFileName.sublime-settings，加一行："scan_folders": ["./", "./node_modules/"] - 两者都依赖当前文件语法识别正确——
.vue里<style></style>块得切到CSS3语法，不是默认CSS
LSP 是 JS/TS/Python 提示的事实标准，不是可选项
靠老式 snippets 或 AutoComplPop 补全，早就不够用了。LSP 插件通过 Language Server Protocol 连接真实语言服务器，能提供参数提示、类型推导、悬停文档等 IDE 级能力。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
装完 LSP 后，必须单独装对应语言服务器：
-
LSP-pyright（Python） -
LSP-typescript（JS/TS）——打开.js文件后自动启动，但若项目没jsconfig.json或tsconfig.json，补全精度会明显下降 -
LSP-eslint（注意：不是替代SublimeLinter-eslint，而是更深度集成；别同时开两个，容易重复报错）
别指望装完就“全自动”——LSP-typescript 需要项目有 jsconfig.json 才能准确推导模块路径，否则补全常卡在 any 类型上。
SublimeLinter + ESLint/Stylelint 必须配齐，否则等于没校验
SublimeLinter 本身只是个调度框架，不装配套 linter，编辑器对任何错误都静音。必须三者同时存在：SublimeLinter（框架） + SublimeLinter-eslint（执行器） + 项目根目录的 .eslintrc.js 或 package.json 中定义的 eslintConfig。
常见失效原因：
- 项目没
.eslintrc.js，提示No config found -
.vue文件里<script></script>块语法设为JavaScript，但实际需要Babel或Vue Component才能正确解析export default {}语法 - 错误图标没显示，先检查右下角状态栏是否显示
ESLint: OK—— 显示?说明配置加载失败
真正麻烦的不是装不上，而是装上了但没生效——校验逻辑藏在配置文件和语法识别里，漏掉任一环，保存即报错就变成摆设。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
