下载和安装(很简单,省略)下载地址 http://www.sublimetext.com/2
1. 有两点需要注意
a) Sublime Text目前稳定的版本是Sublime Text 2,Sublime Text 3 beta测试版本已经推出,在版本3上进行大幅功能提升。
b) Mac操作系统和Windows操作系统,快捷键差别较大(这里的快捷键是在Windows系统下)
2. 启动(略)
3. 编辑区
每天工作的地方,越大越好
关闭后再次打开文档,自动帮我们保存。(非常便利的一个特性)
4. 菜单
a) File (文件)
新建文件 Ctrl + N
打开文件 Ctrl + O
Sublime打开文件后,自动识别文件的类型。并且对文件进行语法高亮。
Sublime Text 3可以直接打开图片
b) Edit (编辑)
复制
简单复制Ctrl + V
保持缩进复制 Ctrl +Shift +V
复制历史 Ctrl + K + V
Line
增加缩进 Ctrl + ]
增加缩进 Ctrl + [
复制整行 Ctrl +Shift + D
删除整行 Ctrl +Shift + K
与上行互换 Ctrl + Shift + ↑
与下行互换 Ctrl + Shift + ↓
合并成一行 Ctrl + J
注释
注释整行 Ctrl + / (如已选择内容,同“Ctrl+Shift+/”效果)
注释一片 Ctrl + Shift + / (注释已选择内容)
Text
下一行插入新行Ctrl + Enter
上一行插入新行 Ctrl + Shift + Enter
c) Select(选择)
全选 Ctrl + A
选择整行 Ctrl + L
选择单词 Ctrl + D (按住-继续选择下个相同的字符串)
光标移动至括号内开始或结束的位置 Ctrl + M
选择括号内的内容(按住-继续选择父括号) Ctrl + Shift + M
选择光标位置父标签对 Ctrl + Shift + A
Ctrl + Alt + ↑
Ctrl + Alt + ↓
Ctrl + Shift +J
d) Find(查找和替换)
查找 Ctrl + F
查找下一个 F3
查找上一个 Shift + F3
增量查找 Ctrl + I
替换 Ctrl + H
替换下一个 Ctrl + Shift + H
快速查找 Ctrl + F3
快速查找全部 Alt+ F3
快速增加查找下一个 Ctrl + D (Select(选择))
快速跳过下一个 Ctrl + K + D
Ctrl + E
Ctrl + Shift + E
Ctrl + Shift + F
e) View(视图)
显示/隐藏侧边栏 Ctrl + K + B
显示/隐藏控制栏 Ctrl +`
显示/隐藏菜单栏 Alt
全屏(含侧边栏、菜单栏、导航区) F11
无干扰全屏(只含菜单栏) Shift + F11
f) Goto(跳转)
Goto Anything(待下面详解)
g) Tools(工具)
命令模式 Ctrl + Shift + P(待下面详解)
Goto Anything详解
开发一个大型的系统,想要在系统中找到index.html,如何操作?
一般情况下,点击side Bar 一层层点开文件找到index.html,大型的系统文件嵌套层次比较深的话,使用Goto Anything,大大加快了速度。
1.Ctrl + P 在输入框中输入index.html,为我们找到匹配的文件。
2.知道目录结构,可以输入 文件夹/index.html.
3.支持模糊匹配,
4.提供符号功能,帮助我们在文件内部进行导航。
【css文件(@body)找选择器。】
【js文件(@)找函数。】
组合使用:(模糊匹配和符号功能)
public/css/[email protected]
多行游标功能
1. 选择mode : ctrl + d
2. 选择{ : ctrl + k ctrl + d
3. 选择单词 green
a) 第一种方式(单词选择) ctrl + d,ctrl + k 跳过某个再 Ctrl + D
b) 第二种方式(多选) Alt + F3
c) 第三种方式(拆行) Ctrl + A 全选 Ctrl + Shift + L
d) 第四种方式(使用鼠标拖拽)Shift + 鼠标右键
使用Esc 可以退出多行游标模式
命令模式
1. 切换语法模式(以js语法为例)
a) 点击右下方
b) 命令模式(Ctrl + Shift + P)打开,输入set syntax javasctipt
同样输入支持模糊匹配,输入js同样可以。
c) 模糊匹配也可以帮我们查找我们需要的功能,比如想隐藏导航区minimap,我们不知道命令是什么,但是我们知道它的名字minimap,我们只要输入minimap回车就可以隐藏它了。
2. 实际开发应用中,尽量多地使用命令模式的好处
(1) 减少鼠标的使用率,加快编码速度
(2) 减少对快捷键的记忆
学以致用
演示html开发过程
1. Ctrl + N打开编辑区
2. 转换语法模式(命令模式)
a) Ctrl + shift + p
b) 输入sshtml
3. 编辑区输入< html>,闭合
a) Edit->Tag->Close Tag
b) 快捷键Alt + >
c) 插件Emmet 直接输入叹号!,接着 Ctrl +E就生成一整段html代码。
ul>li*9.items$
Ctrl + E 或者 Tab
多行游标,选择特征符号>< ,Alt + F3 全选
左右方向键←/→进行定位
同时编辑多行,输入h2 (大括号里面是内容)
Ctrl + E 或者 Tab 确定完成
添加javascrip代码,在title下面,输入script,Ctrl + E或者Tab,光标在</script>前方
我们需要在上一行编辑内容,Ctrl + Shift + Enter
我们不打算编辑js代码,而是从其他文件中复制这是实际开发中非常常见的,Ctrl +C 和 Ctrl + V。
Goto Anything找到想要拷贝的js文件,Ctrl + P。
选择需要的代码,Ctrl +C
Ctrl + V 是简单的复制,代码格式很糟糕。
保持缩进粘贴,Ctrl + Shift + V
Package Control
Package Control管理插件
安装Package Control 网址 https://packagecontrol.io/
View->Show Console 或者快捷键 Ctrl + ` 打开控制台
拷贝安装代码,回车安装完成
SUBLIME TEXT 3
import urllib.request,os,hashlib; h = ‘eb2297e1a458f27d836c04bb0cbaf282‘ + ‘d0e7a3098092775ccb37ca9d6b2e4b7d‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb‘ ).write(by)
SUBLIME TEXT 2
import urllib2,os,hashlib; h = ‘eb2297e1a458f27d836c04bb0cbaf282‘ + ‘d0e7a3098092775ccb37ca9d6b2e4b7d‘; pf = ‘Package Control.sublime-package‘; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( ‘http://packagecontrol.io/‘ + pf.replace(‘ ‘, ‘%20‘)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), ‘wb‘ ).write(by) if dh == h else None; print(‘Error validating download (got %s instead of %s), please try manual install‘ % (dh, h) if dh != h else ‘Please restart Sublime Text to finish installation‘)
Ctrl + Shift + P命令模式,输入 pc 模糊匹配 Package Control
最常用的是安装新插件Package Control:Install Package
命令模式输入pci快速模糊匹配Package Control:Install Package
Sublime支持自定义主题,是其如此受欢迎的原因之一, theme插件
1. 直接命令模式theme模糊匹配找到主题
a) theme -Soda
b) theme -Flatland
c) theme-spacegray等等
可以在官方网站,看主题的样式 https://packagecontrol.io/browse/labels/theme
安装步骤:
1. Ctrl + Shift + P命令模式,输入pc模糊匹配Package Control->Package Control:Install Package
2.输入theme-spacegray,回车进行安装
安装完成之后,会自动有一些使用说明。
将配置信息复制到我们的用户配置信息中
打开用户配置信息 Preferences->Settings-User
将复制的内容拷贝进来
保存,Sublime立即响应主题
snippets以模板的方式编程
使编程更快,并保持一种良好的编程风格
辅助技巧
辅助技巧1:advanceNewfile 创建文件 快捷键 Ctrl + Alt +N
辅助技巧2:httpRequest 服务器端http请求 快捷键 Ctrl + Alt +R
辅助技巧3:nettus fetch 管理/更新类库 快捷键 Ctrl + Alt +R
辅助技巧4:sidebarenhancement 侧边栏功能 快速在浏览器中查看html文件效果
快速添加注释
DOCblock /** + Tab
语法校验
Lint插件
sublimeLint
jslint