Sublime Text有哪些必装插件_Sublime Text常用插件推荐教程【简明】

星婷君_1530

星婷君_1530

2026-03-25

1066人浏览

原创

package control 是 sublime text 插件生态的必需钥匙,必须用 st4 适配代码安装成功并重启后,通过 ctrl+shift+p 调用 install package 命令验证;emmet 与 autofilename 配合提升前端开发效率;sublimelinter 框架需搭配 eslint/stylelint 插件实现保存即校验;markdownediting 与 markdownlivepreview 组合满足文档写作需求;插件选择应以实际高频痛点为依据。

sublime text有哪些必装插件_sublime text常用插件推荐教程【简明】

Package Control 是所有插件的前提,不装它等于没开锁

Sublime Text 原生不带插件安装能力,Package Control 就是那个“钥匙”。没有它,你连 Emmet 或 GitGutter 都没法一键装上——不是找不到,是根本没入口。

  • 必须用官方适配 ST4 的 Python 3 安装代码(旧版 urllib 会报错),控制台粘贴后回车,看到 Successfully installed 才算真成功
  • 装完重启 Sublime,再按 Ctrl+Shift+P(Win/Linux)或 Cmd+Shift+P(Mac),输入 Package Control: Install Package 能响应才算到位
  • 如果命令无反应,先执行 Package Control: Synchronize Sources;若仍失败,大概率是开了代理,临时关掉再试

前端写 HTML/CSS 必开 Emmet + AutoFileName

Emmet 不是“锦上添花”,是每天省下几十次手动敲标签的刚需。比如输入 section>div.container>ul>li*3 再按 Tab,立刻生成嵌套结构;写 m10p 自动展开为 margin: 10%;。

  • AutoFileName 解决的是路径焦虑:在 <img src="..."> 或 @import "..." 里敲引号,它自动弹出当前目录下的文件列表,点一下就填好相对路径
  • 两者配合,新建一个页面骨架+引入本地 CSS/JS,30 秒内能搞定,不用切窗口、不查文件名、不手抖输错斜杠
  • 注意:部分项目用了 Webpack 别名(如 @/components),AutoFileName 不识别,这时得靠 JsPrettier 或 ESLint 提前报错拦住

代码质量不能靠自觉,SublimeLinter + ESLint/Stylelint 得配齐

保存即报错,比等 CI 挂了再改强十倍。SublimeLinter 是框架,SublimeLinter-eslint 和 SublimeLinter-stylelint 是具体执行者,三者缺一不可。

LilyFM
LilyFM

一款AI音频处理工具,主要用于AI播客生成工具,一键将网页文章转换成播客,适合需要提升相关任务效率的用户。

下载
  • 只装 SublimeLinter 不装配套 linter,编辑器不会标红任何东西——它只是个“检查调度员”
  • ESLint 需要项目根目录有 .eslintrc.js 或 package.json 里定义了 eslintConfig,否则提示 “No config found”
  • stylelint 同理,必须有 .stylelintrc 或 stylelint.config.js,否则对 CSS 文件完全静音
  • 错误图标默认出现在行号旁,但若没看到,检查右下角状态栏是否显示 “Stylelint: OK” —— 显示 “?” 说明配置加载失败

写作或文档场景只认 MarkdownEditing + MarkdownLivePreview

想用 Sublime 写 Markdown 却又卡在预览打不开、语法不亮、表格对不齐?问题往往出在“贪多”:装了 OmniMarkupPreviewer 又装 MarkdownLivePreview,结果两个抢渲染权,预览变空白或延迟爆炸。

  • 只留 MarkdownEditing(语法高亮+标题升降级+脚注支持)和 MarkdownLivePreview(双栏实时渲染)就够了,其他全卸
  • 首次使用前,右键编辑区 → Set Syntax → Markdown,否则缩写 # 标题 不触发高亮,alt+m 也打不开预览
  • 预览卡顿?打开 Preferences → Package Settings → MarkdownLivePreview → Settings,把 "delay": 100 改成 150 或 200
  • TableEditor 是可选项,但一旦开始写带表格的文档,它比空格对齐快五倍,且支持 :-- 居中标记,别犹豫

关键点其实就一个:Sublime 的威力不在“装得多”,而在“每个插件都真正被你用到”。很多人装了十来个,结果日常只靠 Ctrl+P 和 Ctrl+D 活着,插件全在后台吃灰。选插件前先问自己:我昨天有没有为这事多敲过三次键盘?有,就装;没有,就跳过。

相关文章

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

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

下载

相关标签:

sublime

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

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2023.08.07

2015

5

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.23

2902

1

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

2023.10.13

996

3

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

2025.09.10

3259

7

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

3996

8

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.28

1255

5

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1618

5

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

2023.08.17

9503

11

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

900

4

热门下载

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

精品课程

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