码迷,mamicode.com
首页 > 其他好文 > 详细

Sublime Text常用快捷键及插件配置

时间:2015-12-14 22:50:21      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:

最常用快捷键

Control+`控制台     Shift+cmd+P命令面板     cmd+F(Control+F)查找    option+cmd+F查找替换

cmd+/(Control+/)给选中行添加或去掉注释

cmd+Z(Control+Z)撤销      cmd+Y(Control+Y)恢复撤销

插件的安装配置

启用Package Control的方法:

菜单View——Show Console(该步骤或者用Control+`实现)打开控制台界面,贴入相关系统下的pyhon代码并回车——重启Sublime Text

安装插件:

cmd+Shift+P(Control+Shift+P)打开命令面板——install Package回车——输入或选择要安装的插件回车即可完成安装。

常用的Sublime Text插件

Emmet插件:实现功能(html:5—>Ctrl+E代码自动补全)

SFTP:直接编辑FTP或SFTP服务器上的文件

YUI Compressor:压缩JS和CSS文件

Minify:压缩JS

JSFormat:格式化代码用,按Control+alt+F格式化代码(已压缩的JS文件)

SideBarEnhancements:侧边栏按目录显示

CodeIntel:方法名之类的智能提示,代码自动提示

autoprefixer:CSS添加私有前缀。CSS还未标准化,因而要给各大浏览器一个前缀以解决兼容问题。

                   使用方法:Ctrl+Shift+P,选择autoprefixer即可。需要安装node.js

snippets:代码片段功能,把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用

convertToUTF8:转码插件

Prettify:HTML、CSS、JS、JSON……使用Ctrl+Shift+H一键格式化

Theme:Soda选择皮肤

Git:提供Git常用的命令集合

AutoFileName自动提示路径插件

演示snippets插件的用法

1 <snippet>
2     <content><![CDATA[ 你需要插入的代码片段${1:name} ]]></content>
3     <!-- 可选:快捷键,利用Tab自动补全代码的功能 -->
4     <tabTrigger>xyzzy</tabTrigger>
5     <!-- 可选:使用范围,不填写代表对所有文件有效。附:source.css和test.html分别对应不同文件。 -->
6     <scope>source.python</scope>
7     <!-- 可选:在snippet菜单中的显示说明(支持中文)。如果不定义,菜单则显示当前文件的文件名。 -->
8     <description>My Fancy Snippet</description>
9 </snippet>

${1:name}表示代码插入后,光标所停留的位置,可同时插入多个。其中:name为自定义参数(可选)。
${2}表示代码插入后,按Tab键,光标会根据顺序跳转到相应位置(以此类推)。

看下面的实例:

 1 <snippet>
 2      <content>
 3      <![CDATA[
 4      <footer>
 5           <p>Copyright © 2008-2012 ${1:bluesdream}.com</p>
 6           <p>增值电信业务经营许可证 沪B2-${2} <a href="#">沪ICP备号${3}</a> </p>
 7      </footer>
 8      ]]>
 9      </content>
10      <tabTrigger>cft</tabTrigger>
11      <description>custom-footer</description>
12      <scope>text.html</scope>
13 </snippet>

创建完毕以后,保存在\Packages\User目录下(例 X:\Sublime Text 2.0\Data\Packages\User),文件命名为cft-code,后缀名.sublime-snippet。

此时我们打开一个html文件,输入cft,再按Tab键,刚才我们所编写的代码段,就插入了进来。并且此时的光标停留在我们所标记的${1}位置 处,如果我们再按下Tab,那么光标就跳转到${2}的位置。由于我们在scope中定义了仅在html文件中使用,所以此时如果我们打开的是css或其 他格式的文件,那将无法插入代码段。

补充:除了利用快捷键Tab出代码之外,我们还能通过菜单来加载,打开Tools > Snippet,选择Snippet: custom-footer。如果你没有定义description,那此时便会看到以我们文件名为命名的Snippet: cft-code选项。

         

 

Sublime Text常用快捷键及插件配置

标签:

原文地址:http://www.cnblogs.com/xyhy-sxh/p/5046604.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!