18个Sublime Text必备插件

尽管SublimeText具有许多出色的功能 ,可以像其他任何工具一样帮助我们作为Web开发人员开展工作,但总会有改进余地 。 这是插件真正有用的时候(我们是plugin的忠实拥护者 )。

在继续之前,也许您想查看一下我们以前在SublimeText上发表的文章,以了解它在本机状态下可以做什么:

继续,在这篇文章中,我们整理了一些插件,您可能需要安装这些插件来填补SublimeText缺少的功能

1.

在安装SublimeText之后,必须立即安装Package Control 。 使用它,您可以轻松地安装,升级,删除和查看在SublimeText中安装的软件包或插件的列表。

包装控制
2.

简而言之, Emmet允许我们使用缩写/快捷方式更快地编写HTML和CSS,然后将其扩展为有效HTML标签。 这是我最常用的快捷方式之一,它节省了时间:

((h4>a[rel=external])+p>img[width=500 height=320])*12

它创建12个标题列表,后跟一个图像。 然后,我可以填写我的内容,而不必担心会弄乱格式。

Emmet
3.

SublimeLinter最近针对SublimeText 3进行了重建和完善。新版本肯定具有一系列新功能。 开发人员不必将所有棉短绒放在一个包装中,而只能选择并安装您经常使用的棉绒

升华
4.
侧边栏增强
5.

使用PackageResourceViewer ,您可以轻松查看和编辑SublimeText产生的软件包。 您还可以提取软件包,将其复制到用户文件夹中,以便可以安全地对其进行编辑。

包资源查看器
6.

该插件将SublimeText与Git集成在一起,因此您可以从SublimeText运行一些Git命令,例如“添加和提交文件”,“查看日志”和“注释文件”。

吉特
7.

该插件使您可以直接从SublimeText在终端中打开项目文件夹 -使用热键。 当您需要在给定文件夹中执行命令行时,它是一个非常有用的插件。

终奌站
8.

CSSComb是对CSS属性进行排序的插件。 如果您需要代码整洁且顺序正确,则此插件可让您自定义属性的顺序。 当您与一组开发人员一起工作时,这也很有用,每个开发人员都有自己的编写代码偏好。

csscomb
9.

使用此插件,您可以检查浏览器是否支持CSS属性和正在使用HTML元素。 要使用它,请突出显示CSS属性或HTML元素,它将带您进入CanIUse.com中的相应页面。

我可以用吗
10.

对齐使您可以对齐包括PHP,JavaScript和CSS在内的代码,从而使其更简洁,更易读。 有关前后比较,请参见以下屏幕截图。

对准
11.

此插件可帮助您删除不必要的空格和尾随空格,这可能会导致JavaScript中出现一些错误。

微调
12.

使用此插件,您可以使用操作系统中的本机色轮选择颜色并将其添加到SublimeText。

选色器
13.

即使SublimeText能够查看和编辑Markdown文件,它仍将其视为格式很差的纯文本。 此插件可用于为SublimeText中的Markdown提供适当的颜色突出显示,从而提供更好的支持。

降价编辑
14.

FileDiffs允许您查看SublimeText中两个文件之间的差异。 您可以将文件与剪贴板中复制的数据,项目中的文件,当前打开的文件以及已保存和未保存的文件进行比较。

文件差异
15.

DocBlokr使您可以通过解析函数,参数,变量并自动添加一些可能的文档来轻松地为代码创建文档或注释(请参见下面的屏幕截图)。

docblockr
16.自定义主题

信不信由你,拥有不同的主题可以激发你的创造力和想法。 以下是几个很棒的自定义主题,这些主题赋予SublimeText不同的外观,可能会更好。

灰色空间
百夫长
苏打
17.片段

片段可以通过重用代码来帮助您更快地编写代码。 虽然您还可以创建自己的代码片段集,但是有几个片段包可以立即使用。 这里只是其中一些:

  • 基础 –用于构建Foundation 5框架组件(如按钮,选项卡和导航)的代码片段的集合。
  • Bootstrap 3 –如果您更喜欢Bootstrap ,请尝试此操作。
  • Bootstrap 3 for Jade –该插件将Bootstrap 3与Jade语法结合在一起
  • jQuery Mobile –用于构建jQuery Mobile组件布局的代码片段集合。
  • HTML5 Boilerplate –此代码段使您可以快速创建HTML5 Boilerplate文档
18.附加语法支持

SublimeText不支持的语言可能无法以正确的语法突出显示。 它们包括LESS,Sass,SCSS,Stylus和Jade,因此,如果您使用的是这些语言,则这里是要安装的插件,以支持语法。


翻译自: https://www.hongkiat.com/blog/sublime-text-plugins/

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当初装sublime的时候在csdn上没找到比较好的插件合集 费了一点功夫自己整合了一下 该集合包括了多种常用插件emmet jsFormat git相关 以及css和php js jquery html5等语言的支持增强插件等 已安装utf8和gbk插件 完美支持中文输入 包含codeIntel和cTags Filediff 侧边栏增强等一系列插件方便开发使用 此外收集了网上的5套主题 多达40几种配色方案 支持自定义外观 默认主题为扁平化flatland 预览:http://lucifr.com/2013/04/12/flatland-theme-for-sublime-text-2/ 请阅读链接中的主题替换方法 以便之后完整替换主题 安装方法: 1.sublime text3版本: 打开sublime text3 依次点击工具栏中的preference->browse packages 到一个类似C:\Users\Adiministor\AppData\Roaming\Sublime Text 3\Packages 的目录 转到向上一级 C:\Users\Adiministor\AppData\Roaming\Sublime Text 3 下 把压缩包中的4个文件夹解压到这个路径覆盖即可 若有自己已定义的内容请先备份 之后再把自己的东西覆盖回去 2.sublime text2版本: 测试过sublime text2 同样通过上述方法可以到相应的路径中 (可能是C:\Users\Adiministor\AppData\Roaming\Sublime Text 2) 然后把压缩包中文件夹解压到C:\Users\Adiministor\AppData\Roaming\Sublime Text 2覆盖 接下来 最重要的一步!! 是到 C:\Users\Adiministor\AppData\Roaming\Sublime Text 2\Packages\User 这个路径下 把Default (Windows).sublime-keymap这个文件的内容全部删掉 或者只保留[]这两个符号 (这里面定义了一些系统默认快捷键 可能是sublime text2只支持32位? 如果不删除的话会导致st2无法启动) 我还是很懒的 喜欢把一些插件集合起来用 但是具体还是要看个人的需求吧 通过package control有太多的插件可供安装 希望这个插件集合能给大家带来一点小便利 方便刚装sublime text的用户哈
以下是一些推荐的Sublime Text插件: 1. Emmet:Emmet是一个快速编写HTML和CSS代码的插件,它可以大大提高编写代码的效率。 2. SublimeLinter:SublimeLinter是一个代码检查工具,可以帮助您在编写代码时发现并修复错误。 3. GitGutter:GitGutter可以在编辑器的侧边栏显示Git仓库中文件的修改状态,方便您进行版本控制。 4. SideBarEnhancements:SideBarEnhancements为Sublime Text的侧边栏添加了许多额外的功能,例如复制、粘贴、重命名等。 5. ColorPicker:ColorPicker是一个方便的颜色选择器,可以帮助您选择和管理颜色。 6. BracketHighlighter:BracketHighlighter可以帮助您在编辑器中高亮显示匹配的括号,方便您进行代码的编写和阅读。 7. AutoFileName:AutoFileName可以自动补全文件路径和文件名,减少您在编写代码时的输入工作。 8. HTML-CSS-JS Prettify:HTML-CSS-JS Prettify可以帮助您格式化和美化HTML、CSS和JavaScript代码,使其更易于阅读和维护。 9. SublimeCodeIntel:SublimeCodeIntel是一个代码智能提示插件,可以帮助您在编写代码时提供自动补全和代码导航功能。 10. All Autocomplete:All Autocomplete可以扩展Sublime Text的自动补全功能,使其可以在所有打开的文件中搜索并提供补全建议。 11. DocBlockr:DocBlockr可以帮助您快速编写注释,特别是针对函数和方法的注释。 12. GitSavvy:GitSavvy是一个强大的Git集成插件,可以帮助您在Sublime Text中进行Git操作。 13. Terminal:Terminal插件可以在Sublime Text中打开终端窗口,方便您在编辑器中执行命令。 14. MarkdownEditing:MarkdownEditing是一个专门为Markdown语法设计的插件,可以提供更好的Markdown编辑体验。 15. SublimeREPL:SublimeREPL可以在Sublime Text中运行和调试多种编程语言的代码。 16. Vintageous:Vintageous是一个模拟Vim编辑器的插件,可以让您在Sublime Text中使用Vim的快捷键和编辑模式。 17. TrailingSpaces:TrailingSpaces可以帮助您在保存文件时自动删除行尾的空格,保持代码的整洁。 18. A File Icon:A File Icon可以为Sublime Text的侧边栏文件添加漂亮的图标,使其更易于识别和区分。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值