sublime text 4 原生无智能提示,必须先通过 packagecontrol.io 获取适配 st4 的 python 3 安装脚本(含 sha256 校验值)并执行 ctrl+` 安装 package control,重启后才能安装 lsp 等提示类插件。

Sublime Text 本身不带智能提示,所有“提示”能力都依赖插件;没有 Package Control 就装不了任何提示类插件,这是硬性前提,不是可选项。
Package Control 必须手动装对,否则后续全卡住
Sublime Text 原生不提供插件安装入口,Package Control 是唯一合法钥匙。2026 年用 Sublime Text 4 的用户,必须从 packagecontrol.io 复制标有 “Sublime Text 4” 的 Python 3 安装脚本(含 hashlib.sha256 校验段),粘贴进控制台(Ctrl + `)执行。旧版脚本会报 AttributeError: module 'urllib' has no attribute 'request' 或 URLError。
- 装完必须重启 Sublime,再按
Ctrl + Shift + P输入Package Control: Install Package—— 有响应才算成功 - 若命令无反应,先运行
Package Control: Synchronize Sources;仍失败,大概率是代理或防火墙拦截,临时关闭再试 - 别跳过校验值(如
h = '2915d185' + '8bc59f46'),缺了它可能载入被篡改的包
LSP 是当前最稳的代码提示方案,不是“可选增强”,而是 JS/TS/Python 提示的事实标准
靠 AutoComplPop 或老式 snippets 补全,早就不够用了。LSP 插件通过 Language Server Protocol 连接真实语言服务器,能提供参数提示、类型推导、悬停文档、跳转定义等完整 IDE 级能力。
- 装完
LSP后,还需单独安装对应语言服务器:LSP-pyright(Python)、LSP-typescript(JS/TS)、LSP-eslint(非替代 SublimeLinter,而是更深度集成) - 打开 .js 文件后,
LSP-typescript会自动启动;但若项目没tsconfig.json或jsconfig.json,补全精度会下降 - 别同时开
SublimeLinter-eslint和LSP-eslint:两者都会监听保存事件,容易重复报错或冲突
Emmet + AutoFileName 解决的是“写得慢+引错路径”这两个每天发生十几次的痛点
Emmet 不是炫技工具,是把 section>div.container>ul>li*3 按 Tab 变成结构的刚需;AutoFileName 则在你敲 <img src="./<cursor>"> 时,自动列出当前目录下所有图片文件——前提是项目已用 Project → Add Folder to Project 正确设置根目录。
-
Emmet在.vue文件的<template></template>区域默认不生效,需额外装Vue Syntax Highlight并确认右下角语法显示为Vue -
AutoFileName默认不扫描node_modules,若常引用bootstrap/scss/这类路径,得手动编辑Packages/User/AutoFileName.sublime-settings,加一行:"scan_folders": ["./", "./src/", "./node_modules/"] - 别同时启用
HTMLBeautify和JsBeautify:它们格式化规则不同,可能把 Emmet 生成的缩进全打乱
SublimeLinter 框架 + ESLint/Stylelint 才算真正落地“保存即报错”
SublimeLinter 本身不检查任何东西,它只是个调度器;SublimeLinter-eslint 和 SublimeLinter-stylelint 才是干活的。三者缺一不可。
- 装完后,
.js文件里没看到标红?先检查项目根目录是否有.eslintrc.js或package.json里是否定义了eslintConfig,否则提示No config found -
.css或.scss文件静音?确认有.stylelintrc或stylelint.config.js,且内容不为空 - 错误图标默认出现在行号旁,但若没看到,检查是否误关了
gutter显示:菜单View → Gutter必须勾选
真正容易被忽略的点在于:插件之间有隐式依赖和行为覆盖。比如开了 LSP 就不该再依赖 SublimeLinter 做 JS 检查;装了 AutoFileName 却没设对项目根目录,它就根本找不到文件;Emmet 在非 HTML/CSS 语法下直接失效。这些不是配置失误,而是工作流设计的基本前提。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











