Sublime Text 使用介绍/全套快捷键及插件推荐

By | 2014年1月1日

如果说Notepad++是一款不错Code神器,那么Sublime Text应当称得上是神器滴哥。Sublime Text最大的优点就是跨平台,Mac和Windows均可完美使用;其次是强大的插件支持,几乎无所不能。

 

开始使用Sublime Text:

Sublime Text有Dev版本,推荐使用,下载地址,一般推荐下载便携版本(Portable version),这样拿来拿去很方便,也不用安装,而且插件和主体在一个目录下,便携。

Sublime Text快捷键:

Ctrl+Shift+P:打开命令面板
Ctrl+P:搜索项目中的文件
Ctrl+G:跳转到第几行
Ctrl+W:关闭当前打开文件
Ctrl+Shift+W:关闭所有打开文件
Ctrl+Shift+V:粘贴并格式化
Ctrl+D:选择单词,重复可增加选择下一个相同的单词
Ctrl+L:选择行,重复可依次增加选择下一行
Ctrl+Shift+L:选择多行
Ctrl+Shift+Enter:在当前行前插入新行
Ctrl+X:删除当前行
Ctrl+M:跳转到对应括号
Ctrl+U:软撤销,撤销光标位置
Ctrl+J:选择标签内容
Ctrl+F:查找内容
Ctrl+Shift+F:查找并替换
Ctrl+H:替换
Ctrl+R:前往 method
Ctrl+N:新建窗口
Ctrl+K+B:开关侧栏
Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身
Ctrl+F2:设置/删除标记
Ctrl+/:注释当前行
Ctrl+Shift+/:当前位置插入注释
Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的
Ctrl+Shift+A:选择当前标签前后,修改标签用的
F11:全屏
Shift+F11:全屏免打扰模式,只编辑当前文件
Alt+F3:选择所有相同的词
Alt+.:闭合标签
Alt+Shift+数字:分屏显示
Alt+数字:切换打开第N个文件
Shift+右键拖动:光标多不,用来更改或插入列内容
鼠标的前进后退键可切换Tab文件
按Ctrl,依次点击或选取,可需要编辑的多个位置
按Ctrl+Shift+上下键,可替换行

Sublime Text 设置:

Setting User

以下是我使用的

"font_face": "courier new",
"font_size": 9.0,
"highlight_line": true,
"scroll_past_end": false,
"tab_size": 4,
"theme": "Soda Dark.sublime-theme",
"word_wrap": true

 

Sublime Text 插件

建议先启用Package Control,作用是安装插件时很方便,启用方法:菜单栏 – View – Show Console,贴入以下代码并回车,然后重启Sublime。如果你所在的网络无法启用,则无法使用,手动搜索下载去吧(话说你的网也被封了?)。

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

开始安装一些非常实用的插件吧,Ctrl+Shift+P,输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功),安装其它插件也是这个方法,非常快速。

 

CTags
跨文件跳转,跳转到指定函数声明的地方,和eclipse中的右键+左击功能一样。需要下载ctages.exe(在ctags58.zip包中)。放到一个目录后,配置如下:
将settings-default拷到settings-user中,然后
"command": "x:/ctags58/ctags.exe"  。 在项目文件夹上 右键-CTags: Rebuild Tags,稍等建后索引后,就可以用右键定位到函数文件了。

 

emmet(取代了ZenCoding)
不得不用的一款前端开发方面的插件,Write less , show more.安装后可直接使用,Tab键触发,Alt+Shift+W是个代码机器。

 

Alignment
代码对齐,如写几个变量,选中这几行,Ctrl+Alt+A,哇,齐了。

 

Auto Prefixer
写 CSS可自动添加 -webkit 等私有词缀,Ctrl+Alt+X触发。

 

Tag
Html格式化,右键Auto-Format Tags on Ducument。

 

SideBarEnhancements
侧栏右键功能增强,非常实用

 

GBK to UTF8


将文件编码从GBK转黄成UTF8,菜单-File里面找

 

ConvertToUTF8
将文件转为UTF8编码

 

Sublime Tmpl
新建文件的模板,Data\Packages\SublimeTmpl\templatesh目录中去设置各模板

 

SublimeLinter
语法错误提示。配置: Perference -> Package Setting->SublimeLinter->setting – user 
{
     "sublimelinter": "save-only", //在保存时提示
    "sublimelinter_popup_errors_on_save": true, //弹出提示,可直接定位到错误位置
     "sublimelinter_gutter_marks": true,
     "sublimelinter_delay": 1,
    "sublimelinter_executable_map":
    {
        "php": "D:\\php5.3.13\\php.exe",
        "javascript":"D:/nodejs/node.exe",
        "css":"D:/nodejs/node.exe"
    },
    "jshint_options":
    {
        "strict": true,
        "noarg": true,
        "noempty": true,
        "eqeqeq": true,
        "undef": true,
        "curly": true,
        "forin": true,
        "devel": true,
        "jquery": true,
        "browser": true,
        "wsh": true,
        "evil": true
    },
    "csslint_options":
    {
        "adjoining-classes": "warning",
        "box-model": true,
        "box-sizing": "warning",
        "compatible-vendor-prefixes": "warning",
        "display-property-grouping": true,
        "duplicate-background-images": "warning",
        "duplicate-properties": true,
        "empty-rules": true,
        "errors": true,
        "fallback-colors": "warning",
        "floats": "warning",
        "font-faces": "warning",
        "font-sizes": "warning",
        "gradients": "warning",
        "ids": "warning",
        "import": "warning",
        "important": "warning",
        "known-properties": true,
        "outline-none": "warning",
        "overqualified-elements": "warning",
        "qualified-headings": "warning",
        "regex-selectors": "warning",
        "rules-count": "warning",
        "shorthand": "warning",
        "star-property-hack": "warning",
        "text-indent": "warning",
        "underscore-property-hack": "warning",
        "unique-headings": "warning",
        "universal-selector": "warning",
        "vendor-prefix": true,
        "zero-units": "warning"
    }    
}

 

DocBlockr  
代码注释格式化,能形成注释块。不用每次敲注释的斜杠或星号。


BracketHighlighter
成对匹配的增强。 像这些符号是成对的:花括号{}, 中括号[],括号:() ,引号“” 等。 这些符号当我们鼠标放在开始符号的位置的时候, 希望能明显看到结尾符号在哪儿sublime默认是下划线,很不明显, 想要明显一点,可以安装插件  BracketHighlighter。

 

Clipboard History
剪贴板历史记录,显示更多历史复制,Ctrl+Shift+V触发。

 

Theme-Soda
完美的编码主题,用过的都说好,Setting user里面添加”theme”: “Soda Dark.sublime-theme”

 

SFTP

直接编辑 FTP 或 SFTP 服务器上的文件,绝对FTP浮云

 

WordPress
集成一些WordPress的函数,对于像我这种经常要写WP模版和插件的人特别有用

 

PHPTidy
整理排版PHP代码

 

YUI Compressor
压缩JS和CSS文件

 

发表回复