SublimeText3使⽤指南
前⾔(Prologue)
是⼀款跨平台代码编辑器(Code Editor),从最初的 1.0,到现在的 3.0,从⼀个不知名的编辑器演变到现在⼏乎是各平台⾸选的GUI编辑器。特别是编写JavaScript/HTML/Python是⾮常好的利器。 Text官⽹下载地址戳这⾥:
安装(Installation)
Text提供了 Text各系统各版本的下载,⽬前 Text的最新版本是。这⾥以Windows版本的 Text安装为例。
注意在安装时勾选Add to explorer context menu,这样在右键单击⽂件时就可以直接使⽤ Text打开。
添加Sublime Text到环境变量
使⽤Win + R运⾏sysdm.cpl打开“系统属性”。
然后在“⾼级”选项卡⾥选择“环境变量”,编辑“Path”,增加Sublime Text的安装⽬录(例如 C:\Program Files\Sublime Text 3)。
接下来你就可以在命令⾏⾥⾯利⽤subl命令直接使⽤Sublime Text了:
subl file 使⽤Sublime Text打开file⽂件
subl folder 使⽤Sublime Text打开folder⽂件夹
subl . 使⽤Sublime Text当前⽂件夹
安装Package Control
前⽂提到Sublime Text⽀持⼤量插件,如何到并管理这些插件就成了⼀个问题,Package Control正是为了解决这个问题⽽出现的,利⽤它我们可以很⽅便的浏览、安装和卸载Sublime Text中的插件。
进⼊Package Control的,⾥⾯有详细的。Package Control⽀持Sublime Text 2和3,本⽂只给出3的安装流程:
使⽤Ctrl + `打开Sublime Text控制台。
将下⾯的代码粘贴到控制台⾥:
quest,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3b
df022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); quest.install_opener( quest.build_opener( quest.ProxyHandler()) ); by =
%s), please try manual install' % (dh, h)) if dh != h elseopen(os.path.join( ipp, pf), 'wb' ).write(by)
等待Package Control安装完成。之后使⽤Ctrl + Shift + P打开命令板,输⼊install应出现Package Control:
成功安装Package Control之后,我们就可以⽅便的安装使⽤Sublime Text的各种插件:
购买(Purchase)
Sublime Text是⼀个收费闭源软件,这在⼀定程度上成为了我⽀持Sublime Text的理由(我⼼中的软件靠谱程度:免费开源 << 免费闭源 <;收费开源 < 收费闭源):戳购买。
不过不购买Sublime Text也可以“正常”使⽤它,只是Sublime Text会时不时的弹出⼀个对话框提醒你购
买,此外窗⼝处会有⼀个很屌丝很low 逼的(UNREGISTERED)。虽然也只是偶尔弹出提⽰购买,并没有任何功能限制。快把DreamWeaver打⼊冷宫吧!但是,作为⼀个不是处⼥座胜似处⼥座的挨踢民⼯你叫我怎么忍?!!
⽤着我没过四级的英语⽔平Google到了可⽤的⼀枚,造福社会(:不尊重知识产权的渣渣…
—– BEGIN LICENSE —–
TwitterInc
200 User License
EA7E-890007
1D77F72E 390CDD93 4DCBA022 FAF60790
61AA12C0 A37081C5 D0316412 4584D136
94D7F7D4 95BC8C1C 527DA828 560BB037
D1EDDD8C AE7B379F 50C9D69D B35179EF
2FE898C4 8E4277A8 555CE714 E1FB0E43
D5D52613 C3D12E98 BC49967F 7652EED2
9D2D2E61 67610860 6D338B72 5CF95C69
E36B85CC 84991F19 7575D828 470A92AB
—— END LICENSE ——
推荐安装的插件列表
易⽤性:
ChineseLocalization , 完全插件
Monokai Extended 主题,推荐使⽤
HTML5,HTML5标签拓展
JsFormat,javascript格式化
CSS Format,CSS格式化
Tag,HTML格式化
Brackethighlighter,标签对标记
SideBarEnhancements ,增强型侧边栏
BufferScroll,代码折叠状态保留
StyleToken , 标记颜⾊代码功能:
Emmet,前端神器
TortoiseSVN,SVN你懂的
QuoteHTML,把HTML拼接成js插⼊字符串,神器
Clipboard Manager,增强型剪贴板,可访问历史剪贴板记录
FileHeader,⽂件模板 , 可⾃动更新修改时间
AutoPrefixer,浏览器私有属性前缀补全 (Node.js依赖)
ColorConvert,RGBA颜⾊转换,⼗六进制颜⾊转换为RGBA颜⾊
Better Completion,全能代码提⽰
LiveStyle,双向更改⽆刷新实时预览 , 包含chrome插件 Emmet LiveStyle
SFTP , 需要激活,看这⾥ Sublime Text SVN/SFTP 插件序列号通过⾃动获取
*jQuery,jQuery 代码提⽰(Better Completion 已可替代此插件)
*Sass以及SASS Build,使⽤Sass必备,ctrl+b执⾏编译
*yui compressor,JS和CSS压缩 (JRE依赖),ctrl+b执⾏编译推荐使⽤⾯向未来的前端⾃动化⼯具(相对成熟的Grunt,以及后起之秀 Gulp ,还有百度 FIE),以上两个星标插件都可被⾃动化⼯具所取代。Gulp教程移步这⾥:Gulp ⾃动化你的前端
其他:
ConvertToUTF8,GBK编码兼容
IMESupport,输⼊法不跟随时安装
TrailingSpaces,多余空格标记,强迫症患者福⾳
Hasher,符号转义,ctrl+shift+p 选择 Entity Encode
PackageResourceViewer,插件修改必备,ctrl+shift+p 调⽤ Open Resource
使⽤ Sublime Text 建议掌握常⽤命令
1、查打开过的⽂件:Ctrl+P,然后输⼊最近的⽂件名就可以即时预览到⽂件内容。
2、命令输⼊框:Ctrl+Shift+P
切换语法模式
Set Syntax : [编程语⾔]
可以缩写为:
sspy
这样就可以切换语法模式了,这以便于代码⾼亮及插件调⽤(⽐如HTML模式会使Emmet⽣效)
我在这⾥推荐给⼤家⼀个优秀的主题,这是我试过后感觉最好的。该主题套装内置多种主题⽅案,它可能是⽬前你在扩展中⼼能到的最好的主题。
它就是 Boxy Theme –> Boxy Theme – Packages – Package Control
我截⼀张图给⼤家看看吧,Monokai ⽅案
这个主题的设置项都集成在Preferences –> Package Settings –> Boxy Theme –> Configuration下,包括主题、配⾊、全局设置(颜⾊、⼤⼩之类的)、标签栏、侧栏、搜索栏、状态栏、滚动条等设置项都可以⽤⿏标点选应⽤,⾮常⽅便直观(如下)
本主题须配合该作者的另⼀款图标扩展 “A File Icon” 来使⽤ –> A File Icon – Packages – Package Control ,且安装完成两款扩展要重启⼀下 Sublime Text 3。
尾声:Windows下快捷键⼀览
最常⽤
Sublime Text的编辑⼗分⼈性化——它不像Vim那样反⼈类(尽管我也⽤Vim但我还是要说Vim的快捷键设定绝壁连代谢产物都不如),少量的快捷键就可以完成绝⼤多数编辑任务。
基本编辑(Basic Editing)
↑↓←→就是↑↓←→,不是KJHL,(没错我就是在吐槽Vim,设成WSAD也⽐这个强啊),粘贴剪切复制均和系统⼀致。
Ctrl + Enter在当前⾏下⾯新增⼀⾏然后跳⾄该⾏;Ctrl + Shift + Enter在当前⾏上⾯增加⼀⾏并跳⾄该⾏。
Ctrl + ←/→进⾏逐词移动,相应的,Ctrl + Shift + ←/→进⾏逐词选择。
Ctrl + ↑/↓移动当前显⽰区域,Ctrl + Shift + ↑/↓移动当前⾏。
选择(Selecting)
Sublime Text的⼀⼤亮点是⽀持多重选择——同时选择多个区域,然后同时进⾏编辑。
Ctrl + D选择当前光标所在的词并⾼亮该词所有出现的位置,再次Ctrl + D选择该词出现的下⼀个位置,在多重选词的过程中,使⽤Ctrl + K进⾏跳过,使⽤Ctrl + U进⾏回退,使⽤Esc退出多重编辑。
多重选词的⼀⼤应⽤场景就是重命名——从⽽使得代码更加整洁。尽管Sublime Text⽆法像IDE(例如Eclipse)那样进⾏⾃动重命名,但我们可以通过多重选词+多重编辑进⾏直观且便捷的重命名:
有时我们需要对⼀⽚区域的所有⾏进⾏同时编辑,Ctrl + Shift + L可以将当前选中区域打散,然后进⾏同时编辑:
有打散⾃然就有合并,Ctrl + J可以把当前选中区域合并为⼀⾏:
查&替换(Finding&Replacing)
Sublime Text提供了强⼤的查(和替换)功能,为了提供⼀个清晰的介绍,我将Sublime Text的查功能分为快速查、标准查和多⽂件查三种类型。
快速查&替换
多数情况下,我们需要查⽂中某个关键字出现的其它位置,这时并不需要重新将该关键字重新输⼊⼀遍然后搜索,我们只需要使⽤Shift +←/→或Ctrl + D选中关键字,然后F3跳到其下⼀个出现位置,Shift + F3跳到其上⼀个出现位置,此外还可以⽤Alt + F3选中其出现的所有位置(之后可以进⾏多重编辑,也就是快速替换)。
标准查&替换
另⼀种常见的使⽤场景是搜索某个已知但不在当前显⽰区域的关键字,这时可以使⽤Ctrl + F调出搜索框进⾏搜索:
以及使⽤Ctrl + H进⾏替换:
关键字查&替换
对于普通⽤户来说,常规的关键字搜索就可以满⾜其需求:在搜索框输⼊关键字后Enter跳⾄关键字当前光标的下⼀个位置,Shift + Enter跳⾄上⼀个位置,Alt + Enter选中其出现的所有位置(同样的,接下来可以进⾏快速替换)。
Sublime Text的查有不同的模式:Alt + C切换⼤⼩写敏感(Case-sensitive)模式,Alt + W切换整字匹配(Whole matching)模式,除此之外Sublime Text还⽀持在选中范围内搜索(Search in selection),这个功能没有对应的快捷键,但可以通过以下配置项⾃动开启。
"auto_find_in_selection": true
这样之后在选中⽂本的状态下范围内搜索就会⾃动开启,配合这个功能,局部重命名(Local Renaming)变的⾮常⽅便:
使⽤Ctrl + H进⾏标准替换,输⼊替换内容后,使⽤Ctrl + Shift + H替换当前关键字,Ctrl + Alt + Enter替换所有匹配关键字。
正则表达式查&替换
正则表达式是⾮常强⼤的⽂本查&替换⼯具,Sublime Text中使⽤Alt + R切换正则匹配模式的开启/关闭。Sublime Text的使⽤Boost⾥的Perl正则表达式风格。
出于篇幅原因,本⽂不会对正则表达式进⾏详细介绍,Mastering Regex(中译本:)对正则表达式的原理和各语⾔下的使⽤进⾏了详细介绍。此外⽹上有⼤量正则表达式的优秀教程(和),以及在线测试⼯具(regexpal和regexer)。
多⽂件搜索&替换默认在当前打开的⽂件和⽂件夹进⾏搜索/替换,我们也可以指定⽂件/⽂件夹进⾏搜索/替换。
跳转(Jumping)
Sublime Text提供了强⼤的跳转功能使得我们可以在不同的⽂件/⽅法/函数中⽆缝切换。就我的使⽤经验⽽⾔,⽬前还没有哪⼀款编辑器可以在这个⽅⾯超越Sublime Text。
跳转到⽂件
Ctrl + P会列出当前打开的⽂件(或者是当前⽂件夹的⽂件),输⼊⽂件名然后Enter跳转⾄该⽂件。
需要注意的是,Sublime Text使⽤模糊字符串匹配(Fuzzy String Matching),这也就意味着你可以通过⽂件名的前缀、⾸字母或是某部分进⾏匹配:例如,EIS、Eclip和Stupid都可以匹配EclipseIsStupid.java。
跳转到符号
尽管是⼀个⽂本编辑器,Sublime Text能够对代码符号进⾏⼀定程度的索引。Ctrl + R会列出当前⽂件中的符号(例如类名和函数名,但⽆法深⼊到变量名),输⼊符号名称Enter即可以跳转到该处。此外,还可以使⽤F12快速跳转到当前光标所在符号的定义处(Jump to Definition)。
⽐较有意思的是,对于Markdown,Ctrl + R会列出其⼤纲,⾮常实⽤。
跳转到某⾏
Ctrl + G然后输⼊⾏号以跳转到指定⾏:
组合跳转
在Ctrl + P匹配到⽂件后,我们可以进⾏后续输⼊以跳转到更精确的位置:
@符号跳转:输⼊@symbol跳转到symbol符号所在的位置
#关键字跳转:输⼊#keyword跳转到keyword所在的位置
:⾏号跳转:输⼊:12跳转到⽂件的第12⾏。
所以Sublime Text把Ctrl + P称之为“Go To Anything”,这个功能如此好⽤,以⾄于我认为没有其它编辑器能够超越它。
中⽂输⼊法的问题
从Sublime Text的初版(1.0)到现在(3.0 3065),中⽂输⼊法(包括⽇⽂输⼊法)都有⼀个问题:输⼊框不跟随。
⽬前官⽅还没有修复这个bug,解决⽅法是安装IMESupport插件,之后重启Sublime Text问题就解决了。
⽂件夹(Folders)
Sublime Text⽀持以⽂件夹做为单位进⾏编辑,这在编辑⼀个⽂件夹下的代码时尤其有⽤。在File下Open Folder:
你会发现右边多了⼀个侧栏,这个侧栏列出了当前打开的⽂件和⽂件夹的⽂件,使⽤Ctrl + K, Ctrl + B显⽰或隐藏侧栏,使⽤Ctrl + P快速跳转到⽂件夹⾥的⽂件。
窗⼝&标签(Windows & Tabs)
Sublime Text是⼀个多窗⼝多标签编辑器:我们既可以开多个Sublime Text窗⼝,也可以在⼀个Sublime Text窗⼝内开多个标签。
窗⼝(Window)
使⽤Ctrl + Shift + N创建⼀个新窗⼝(该快捷键再次和搜狗输⼊法快捷键冲突,个⼈建议禁⽤所有搜狗输⼊法快捷键)。
当窗⼝内没有标签时,使⽤Ctrl + W关闭该窗⼝。
标签(Tab)
使⽤Ctrl + N在当前窗⼝创建⼀个新标签,Ctrl + W关闭当前标签,Ctrl + Shift + T恢复刚刚关闭的标签。
编辑代码时我们经常会开多个窗⼝,所以分屏很重要。Alt + Shift + 2进⾏左右分屏,Alt + Shift + 8进⾏上下分屏,Alt + Shift + 5进⾏上下左右分屏(即分为四屏)。
分屏之后,使⽤Ctrl + 数字键跳转到指定屏,使⽤Ctrl + Shift + 数字键将当前屏移动到指定屏。例如,Ctrl + 1会跳转到1屏,⽽Ctrl + Shift + 2会将当前屏移动到2屏。
全屏(Full Screen)
Sublime Text有两种全屏模式:普通全屏和⽆⼲扰全屏。
个⼈强烈建议在开启全屏前关闭菜单栏(Toggle Menu),否则全屏效果会⼤打折扣。
F11切换普通全屏:
Shift + F11切换⽆⼲扰全屏:
风格(Styles)
风格对于任何软件都很重要,对编辑器也是如此,尤其是GUI环境下的编辑器。作为⼀个程序员,我希望我的编辑器⾜够简洁且⾜够个性。
⽤过Sublime Text之后,我⽴刻就卸掉了Notepad++。
Sublime Text⾃带的风格是我喜欢的深⾊风格(也可以调成浅⾊),默认主题是Monokai Bright,这两者的搭配已经很不错了,不过我们还可以做得更好:接下来我将会展⽰如何通过设置偏好项和添加⾃定义风格/主题使得Sublime Text更加Stylish。
⼀些设置(Miscellaneous Settings)
下⾯是我个⼈使⽤的设置项。
// 设置Sans-serif(⽆衬线)等宽字体,以便阅读
"font_face": "YaHei Consolas Hybrid",
"font_size": 12,
// 使光标闪动更加柔和
"caret_style": "phase",
// ⾼亮当前⾏
"highlight_line": true,
// ⾼亮有修改的标签
"highlight_modified_tabs": true,
设置之后的效果如下:
多⽂件搜索&替换
使⽤Ctrl + Shift + F开启多⽂件搜索&替换(注意此快捷键和搜狗输⼊法的简繁切换快捷键有冲突):
主题(Themes)
前⾯已经介绍过⼀款主题,Sublime Text有⼤量第三⽅主题:[],这⾥我给出⼏个个⼈感觉不错的主题:
配⾊(Color)
包含了⼤量Sublime Text配⾊⽅案,并⽀持在线预览,配⾊⽅案的安装教程在,恕不赘述。
我个⼈使⽤的是主题和配⾊,配置如下:
"theme": "Nexus.sublime-theme",
"color_scheme": "Packages/Theme - Flatland/Theme",
效果如下:
编码(Coding)
优秀的编辑器使编码变的更加容易,所以Sublime Text提供了⼀系列功能以提⾼开发效率。
良好实践(Good Practices)
良好的代码应该是规范的,所以Google为每⼀门主流语⾔都设置了其代码规范(Code Style Guideline)。我⾃⼰通过下⾯的设置使以规范化⾃⼰的代码。
// 设置tab的⼤⼩为2
vim编辑器怎么用"tab_size": 2,
// 使⽤空格代替tab
"translate_tabs_to_spaces": true,
// 添加⾏宽标尺
"rulers": [80, 100],
// 显⽰空⽩字符
"draw_white_space": "all",
// 保存时⾃动去除⾏末空⽩
"trim_trailing_white_space_on_save": true,
// 保存时⾃动增加⽂件末尾换⾏
"ensure_newline_at_eof_on_save": true,
代码段(Code Snippets)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论