1、Emmet(前端必备神器)
说明:Emmet 作为 zen coding 的升级版,对于前端来说,可是必备插件,如果你对它还不太熟悉,可以在其官网(http://docs.emmet.io/)学习具体使用方式。
2、JSFormat
功能:JavaScript 的代码格式化插件
说明:对于压缩的 js 文件,混乱不堪入目,这个插件可以帮我们把原始代码整理,包括换行和缩进等功能。
使用方法:在已压缩的 JS 文件中,右键选择 jsFormat 或者使用默认快捷键(Ctrl+Alt+F)
3、LESS
功能:LESS 高亮插件
说明:可以让 sublime 支持 less 的语法,高亮显示
使用方法:打开 .less 文件或者设置为 less 格式
4、LESS2CSS
功能:编译 Less
说明:监测到文件改动时,编译保存为 .css 文件
使用方法:打开.less 文件,编写代码保存即可看到同时生成.css 的文件
5、Alignment
功能: “=” 对齐
说明:定义的变量太多,参差不齐,可以使用一键对齐
使用方法:默认快捷键 Ctrl+Alt+A,如果和其他快捷键冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本
6、SublimeLinter
功能:代码校验插件
说明:支持 HTML、CSS、JS、PHP、Java、C++ 等 16 种语言;
7、BracketHighlighter
功能:括号高亮匹配,代码匹配
说明:在选择一个括号的时候,会自动匹配到另外一半括号,可匹配[], (), {}, “”, ”, ,高亮标记,便于查看起始和结束标记
8、sublime-autoprefixer
功能:CSS 添加私有前缀
说明:各大浏览器一个前缀以解决兼容问题的问题,可以使用这个插件
9、Git
功能:git 管理
说明:插件基本上实现了 git 的所有功能
使用方法:可以参考 https://github.com/kemayo/sublime-text-git/wiki 这里进行学习和使用
10、JQuery
功能:jQuery 函数提示
说明:可以快捷的输入 jQuery 的函数,有提示功能
11、DocBlockr
功能:生成优美注释
说明:可以生成标准的注释,包括函数名、参数、返回值等,并以多行显示
使用:输入/*、/**然后回车,更多的用法,请参照 https://sublime.wbond.net/packages/DocBlockr
12、ColorPicker
功能:调色板
说明:需要给定颜色时候,可以选择指定的颜色
使用方法:Windows 快捷键: ctrl+shift+c
13、ConvertToUTF8
功能:文件转码成 utf-8
说明:可以编辑并保存目前编码不被 Sublime Text 支持的文件
14、AutoFileName
功能:输入文件名
说明:自动完成文件名的输入
使用方法:输入“/” 即可看到相对于本项目文件夹的其他文件
15、Nodejs
功能:node 代码提示
使用方法:具体的使用方法可以参考这里:https://sublime.wbond.net/packages/Nodejs
16、AngularJS
功能: AngularJS 提示功能
说明:可以在编写代码的时候有 angularJs 的提示
17、Trailing spaces
功能:检测并一键去除代码中多余的空格
说明:可以让你的代码删除多余空格,一键删除空格,让代码规范更清爽
使用方法:一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在 Preferences / Key Bindings – User 加上代 码(数组内)
18、GBK Encoding Support
功能:中文识别
说明; 安装本插件可以识别中文的文档,不会出现乱码,
19、Pretty JSON
功能:JSON 代码格式化
说明:可以让代码中的 json 数据更加规范
20、MarkdownEditing
功能:编辑 markdown 时高亮显示
说明:可以设置 markdown 的显示样式外观
21、Markdown Preview
功能:在浏览器中预览生成的 Html 文件
使用方法:为浏览器绑定快捷键 打开 Preference –> Key Bindings-User,在打开的文件中添加如下内容
{“keys”: [“alt+f11”], “command”: “markdown_preview”, “args”: { “target”: “browser”}}
所有设置完成后,编辑md文件后按相应的热键,直接在指定的浏览器中预览
22、SublimeCodelntel
功能:代码提示插件。
23、SidebarEnhancements
功能:侧边栏插件,让侧边栏功能更丰富。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· 面试官:你是如何进行SQL调优的?