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>"> 时自动列出当前项目目录下所有文件的路径补全器。
立即学习“前端免费学习笔记(深入)”;
但它们有硬性前提:
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度,帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度,帮助开发者将普通页面升级为高品质产品级界面。
-
Emmet在.vue文件的<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>块得切到CSS3语法,不是默认CSS
LSP 是 JS/TS/Python 提示的事实标准,不是可选项
靠老式 snippets 或 AutoComplPop 补全,早就不够用了。LSP 插件通过 Language Server Protocol 连接真实语言服务器,能提供参数提示、类型推导、悬停文档等 IDE 级能力。
装完 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>块语法设为JavaScript,但实际需要Babel或Vue Component才能正确解析export default {}语法 - 错误图标没显示,先检查右下角状态栏是否显示
ESLint: OK—— 显示?说明配置加载失败
真正麻烦的不是装不上,而是装上了但没生效——校验逻辑藏在配置文件和语法识别里,漏掉任一环,保存即报错就变成摆设。

















