sublime text2快捷键,针对前端开发的插件安装及使用

如题。

        许多人都会推崇vim。但是我觉得用得顺手最重要。

        在这里推荐sublime text2(简称SB)。

        SB是跨平台的,支持linux,windows,macos,同时还是免费的,但是当你多按几次ctrl+s之后会弹出购买软件的提示框。但是这个框不影响正常使用,可以忽视。网上也有很多的破解方法,其实不需要破解的。 

        这篇文章介绍一些针对前端的开发所需要使用的插件:

        http://www.qianduan.net/essential-to-sublime-the-text-2-plugins.html

        安装的方法大家网上一搜一大堆,这里我就不再重复。目前我的SB上就安装了下面9个插件。每个插件的作用都可以在上面的文章链接中找到。

        下面着重介绍一下这些插件的使用, 这篇文章中介绍到的插件有:

        1.EMMET,原Zen Coding.

            参考这篇文章:http://www.qianduan.net/zen-coding-a-new-way-to-write-html-code.html

            EMMET的编写方法可以参考晚上很多的教程,这里就不介绍。使用这个插件会强迫你在写html之前,先将结构完全想好后才开始动手,同时,这个插件的html结构+css样式+js行为三者结合的思想非常明确,因为他的快捷命令中就只能添加id,class等属性。

            快捷键: 

展开缩写 - Tab键或按Ctrl + E

互动“展开缩写” - 按Ctrl + Alt + Enter键

对外的标签匹配对 - ^ D(MAC)/ Ctrl键 + ,(PC)
作用:选中光标所在的标签或文本,每多按一次都会向外层元素扩展选择。

标签匹配对向内 - ^ J / 按Ctrl + Alt +,
作用:选中光标所在的标签或文本,每多按一次都会向内层元素收缩选择。

对匹配 - ⇧^ T / 按Ctrl + Alt + J
作用:在标签的开始<>和结束</>来回跳转。

ul.nav>li.nav-item$*>a|t  |t能够去掉ul,ol等列表项的包裹内容标记,比如排序的数字。

ul>li[title=$#]*>{$#}+img[alt=$#]  $#可以控制包裹内容位置

转到编辑点 - 按Ctrl + Alt +→或按Ctrl + Alt +←:在linux下可能会出现快捷键冲突而不适用。

使用缩写包裹 - ^ W / Shift键+ Ctrl键+ G

选择“属性值”html和css都可以选 - “ ⇧⌘。或⇧⌘ / 按Ctrl + Shift +。或Shift + Ctrl + ,

切换注释 - ⇧⌘/ / Shift + Ctrl键+ /:在选中的标签外添加注释或删除注释

拆分/加入标签 - ⇧⌘ / Shift + Ctrl +`
删掉标签间的内容,并合并标签开始和结束符。生成标签的开始和结束符。

删除标记 - ⌘' / Ctrl + Shift +;:将选中的标签删除

        2.JS Format

            选中所选js代码块,快捷键CTRL+SHIFT+f

        3.Alignment

            选中代码块,快捷键CTRL+SHIFT+a/A

        4.Clipboard History

            快捷键CTRL+ALT+v/V

        5.JsMinifier

           快捷键CTRL+ALT+m或者CTRL+ALT+SHIFT+M

        6.CodeIntel

            代码自动提示。无快捷键

        7.Bracket Highlighter

            代码括号匹配,无快捷键。

        


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值