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

梦雪吖_2420

梦雪吖_2420

2026-10-23

204人浏览

原创

必须装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></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 是否正确设置、右下角语法模式是否手动切对、以及配置文件是否放在真正的项目根目录——而不是某个子文件夹里。这三个动作做错一个,插件就形同虚设。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Golangci-lint安装与入门教程
Golangci-lint安装与入门教程

本专题讲解Golangci-lint的安装、初始化、基础命令和首次代码检查,覆盖本地环境、Docker及多平台用法,帮助Go开发者快速上手。

2026.10.22

0

15

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

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

2026.10.22

0

12

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

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

2026.10.22

0

16

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

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

2026.10.22

0

15

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

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

2026.10.22

0

16

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

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

2026.10.22

0

12

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

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

2026.10.22

0

13

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

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

2026.10.22

20

31

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

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

2026.10.22

0

14

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程