讲师中心 微信公众号
AI工具推荐 视频效率加速

Sublime Text安装后必装的十个插件

梦雪吖_2420

梦雪吖_2420

发布时间:2026-10-23 06:23:39

|

204人浏览过

|

来源于php中文网

原创

必须装Package Control作为插件系统启动器,再依次安装Emmet+Vue Syntax Highlight、SublimeLinter+ESLint/Stylelint、AutoFileName+ConvertToUTF8等十大必备插件,每个解决一个高频开发痛点,漏掉任一都会导致编码卡顿或功能失效。

sublime text安装后必装的十个插件

Sublime Text 装完不装插件,等于只用了 30% 的能力。真正让它从“文本编辑器”变成“前端开发主力工具”的,是那几个精准解决高频痛点的插件——不是越多越好,而是这十个里漏掉任何一个,你都会在写代码时反复卡顿、手抖、查文档、重试。

Package Control:没它,其他九个全白装

它不是功能插件,是整个插件系统的启动开关。ST4 必须用官网带 hashlib.sha256 校验的 Python 3 脚本安装,旧版 urllib2 或 ST3 脚本会静默失败——控制台看似输出 Success!,但重启后 Ctrl+Shift+P 输入 Package Control: Install Package 没反应,就是栽在这儿。

  • 打开控制台:Ctrl + `,粘贴 packagecontrol.io 页面标为 “Sublime Text 4” 的完整脚本(含 h = 'df21e130...' + 'eea76' 这类校验值)
  • 看到 Successfully installed 后必须重启,再按 Ctrl+Shift+P 能调出空白搜索框才算真正就位
  • 若仍无响应,先执行 Package Control: Synchronize Sources;公司网络开了代理时,临时关闭再试

Emmet + Vue Syntax Highlight:写 HTML/CSS/.vue 不开这俩等于裸写

Emmet 默认只在 .html 或 .css 文件生效;.vue 的 <template> 区域缩写(如 div.card>ul>li*3)按 Tab 没反应,90% 是因为缺了 Vue Syntax Highlight 插件,导致 Sublime 没识别出语法上下文。

Sublime Text Build Linux版
Sublime Text Build Linux版

Sublime Text Linux x86-64 deb 安装包。官方也提供 rpm、tar.xz 和软件源安装方式。

下载
  • Vue Syntax Highlight 安装后需重启,并手动点击右下角状态栏切换语法为 Vue(别留在 HTML 或 Plain Text)
  • JS/JSX 文件想用 Emmet 缩写,得进 Preferences → Package Settings → Emmet → Settings,加一行:"syntax_scopes": {"javascript": "source.js"}
  • 别同时开 HTMLBeautify 和 JsBeautify 处理同一文件,它们规则冲突,可能把 Emmet 生成的嵌套缩进全抹平

AutoFileName + ConvertToUTF8:路径补全和中文乱码不是“体验优化”,是刚需

AutoFileName 在 <img src=""> 引号里按 Ctrl+Space 弹不出文件列表?大概率是项目根目录没通过 Project → Add Folder to Project 加入——它默认只扫描项目根目录下的子路径,不会递归搜整个磁盘。

  • ConvertToUTF8 解决的是真实协作场景:同事传来的 .js 文件含中文注释,打开全是 ,保存后别人再打开还是乱码——这不是字体问题,是编码层未自动识别 GBK/GB2312
  • AutoFileName 不扫描 node_modules,也不理解 Webpack 别名(如 @/components),这类路径补全得靠 ESLint 提前报错拦截
  • 如果项目里混用多种编码(比如部分文件是 UTF-8 BOM,部分是 GBK),ConvertToUTF8 的 fallback_encoding 配置要设成 GBK,否则打开时仍乱码

SublimeLinter + ESLint/Stylelint:标红不是炫技,是防止上线前才发现 undefined is not a function

SublimeLinter 本身不检查任何东西,它只是个调度器。只装它,编辑器界面静默得像没装一样;必须配套装 SublimeLinter-eslint 和 SublimeLinter-stylelint,且项目根目录要有 .eslintrc.js 或 package.json 里定义 eslintConfig,否则提示 No config found。

  • 全局安装的 eslint 版本和项目本地 node_modules 冲突时,优先配置 SublimeLinter 使用项目内二进制路径:"executable": "${project_path}/node_modules/.bin/eslint"
  • ESLint 规则里若启用了 no-unused-vars,但你在 React 函数组件里解构了 props 却没全用,它会立刻标黄——比运行时报错早几秒,但省去十次刷新
  • 别指望它替代 prettier:格式化交给保存钩子或外部命令,SublimeLinter 只管语义和风格错误

最常被忽略的其实是“项目上下文”:插件是否生效,高度依赖 Project → Add Folder to Project 是否正确设置、右下角语法模式是否手动切对、以及配置文件是否放在真正的项目根目录——而不是某个子文件夹里。这三个动作做错一个,插件就形同虚设。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

相关专题

更多
PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

0

2026.10.22

剧云人物设定与关系管理教程
剧云人物设定与关系管理教程

本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。

0

2026.10.22

剧云故事大纲与分场规划教程
剧云故事大纲与分场规划教程

本专题讲解剧云梗概与多级大纲功能,覆盖全局、分集、分场结构生成,以及主线冲突、剧情节点和场次顺序调整。

0

2026.10.22

VibeKnow PPT讲解视频教程汇总
VibeKnow PPT讲解视频教程汇总

本专题介绍VibeKnow PPT讲解模式的素材准备、旁白生成、页面节奏、画面呈现与导出设置,适合课程和培训场景。

0

2026.10.22

VibeKnow PDF转视频教程合集
VibeKnow PDF转视频教程合集

本专题围绕VibeKnow的PDF转视频功能,讲解文件准备、内容解析、脚本生成、重点可视化及配音字幕检查方法。

0

2026.10.22

二狗PPT模板与视觉设计
二狗PPT模板与视觉设计

本专题介绍二狗PPT的职场模板、主题风格与页面版式,覆盖模板切换、色彩选择、内容匹配和正式汇报场景下的视觉优化方法。

0

2026.10.22

php漏洞修复方法
php漏洞修复方法

PHP漏洞聚合专题,持续整理PHP最新高危漏洞、CVE安全预警、受影响版本、自查命令及修复方案,覆盖PHP-FPM、Docker、Ubuntu与Linux服务器环境,帮助开发者快速完成漏洞排查、版本升级和安全加固。

20

2026.10.22

二狗PPT入门与基础操作
二狗PPT入门与基础操作

本专题整理二狗PPT从官网进入、输入主题、生成大纲到制作成稿的基础操作,帮助新手掌握AI一键生成职场PPT的完整流程。

0

2026.10.22

讯飞绘文AI配图与绘图模型合集
讯飞绘文AI配图与绘图模型合集

本专题讲解讯飞绘文AI配图与绘图2.0 Pro,覆盖提示词、画面比例、参考图、风格选择及图片优化,帮助用户制作匹配内容的视觉素材。

0

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn