当前位置:
首页
文章
前端
详情

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

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

sublime常用插件列表

插件名称

功能

AutoFileName

根据 打开的文件 进行提示

BracketHighlighter

高亮 选中的括号

CSS3

CSS3的样式

DocBlockr

函数注释插件

Emmet

Emmet语法

HTML5

HTML5的一些内容

SideBarEnhancements

侧边栏增强

sublimeCodeintel

提示

html-css-js-prettify

ctrl +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:设置的是具体在什么文件中呼出(如果注释掉 所有语言都可以呼出)

sublime插件相关

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

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

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。