sublime常用插件以及自定义代码块

本文介绍了Sublime Text编辑器的高效使用技巧,包括自定义代码段以提高开发速度的方法,以及常用插件如Emmet、SideBarEnhancements等的功能介绍。此外还详细讲解了如何管理和安装插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于sublime的一些补充,如果你还不了解,可以先看这里:认识sublime

sublime常用插件列表

插件名称功能
AutoFileName根据 打开的文件 进行提示
BracketHighlighter高亮 选中的括号
CSS3CSS3的样式
DocBlockr函数注释插件
EmmetEmmet语法
HTML5HTML5的一些内容
SideBarEnhancements侧边栏增强
sublimeCodeintel提示
html-css-js-prettifyctrl +shift +h 可以格式化代码
javascript & Nodejs Snippets有很多的 快捷编码 比如:可以通过 ctrl+shift +p 输入snippets 查看
jquery对于jquery的一些提示
all autocomplete自动提示
更多插件Sublime Text 全程指引 by Lucida

sublime自定义代码段

  • 为了提升开发速度,在sublime中我们能够自定义代码段,将一些常用的代码存储起来以提升开发效率
  • 菜单项:选择菜单中的tool->Developer->NewSnippets 进行创建
  • 设置方式:content中写的是写完生成的东西
  • 注意:要写在<![CDATA[]]> 中,否则可能会出现解析错误的问题
  • ${} 进行占位 生成可供输入的内容
  • ${1:} 数字配合: 决定第几次tab切换到的位置
  • ${1:haha} haha 是提示的信息
  • tabTrigger设置的是使用哪种什么字母
  • scope:设置的是具体在什么文件中呼出(如果注释掉 所有语言都可以呼出)
<snippet>
    <content><![CDATA[这里面写要生成的内容${1:first}]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

sublime插件相关

  • 查看package的语法方式:Preferences(首选项)---package control---在弹出的对话框中能查看所有支持的命令。
  • 插件管理(首先ctrl+shift+p弹出对话框)
    • install package 安装插件
    • list package 查看已安装插件
    • remove package 移除插件

sublime Text是轻量级编码工具,知道这些会更有助于你快速编码,get到了吧!

转载于:https://my.oschina.net/yxmBetter/blog/837630

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值