以下是 Sublime Text 2 的常见使用方法:
新建文件 Ctrl+N
复制一行 Edit -> Line -> Duplicate Line
删除一行 Edit -> Line -> Delete Line
多次复制 Ctrl+Shift+D
注释/解除注释 Edit -> Comment -> Toggle Comment
在当前行下方插入新行 Edit -> Text -> Insert Line After (Ctrl+Enter)
在当前行上方插入新行 Edit -> Text -> Insert Line Before (Ctrl+Shift+Enter)
关闭标签 Edit -> Tag -> Close Tag (Alt+.)
选择整行 Selection -> Expand Selection to Line
选择整个单词 Selection -> Expand Selection to Word
(重复执行命令可以实现多选)
查找 Find -> Find… (回车可以切换查找结果)
查找替换 Find -> Replace… (Ctrl+H)
显示侧边栏 View -> Side Bar -> Show Side Bar
隐藏侧边栏 View -> Side Bar -> Hide Side Bar
打开目录结构 File -> Open Folder...
快速导航 Goto -> Goto Anything… (Ctrl+P)
{
如输入":20"可以跳转到20行;
如输入"index.html"可以找到该文件;
如输入"@"可以找到CSS文件中的所有选择器,也可以找到js文件中的所有函数;
如输入"#body"可以导航到页面中的body标签;
支持模糊匹配;
}
命令模式 Tools -> Command Palette… (Ctrl+Shift+P)
{
如输入"Set Syntax JavaScript"可以把当前的语法模式变成JavaScript;
另外,切换语法模式也可以通过编辑器右下角的语法选择区进行选择;
如输入"minimap"可以隐藏/显示屏幕右上角的minimap;
支持模糊匹配;
}
默认设置文件 Preferences -> Settings-Default
用户设置文件 Preferences -> Settings-User
颜色组合 Preferences -> Color Scheme
多行游标 Ctrl+D 跳过当前游标 Ctrl+K Ctrl+D
通过选择所有该单词产生多行游标 Alt+F3
通过拆行的方式产生多行游标 Ctrl+A Ctrl+Shift+L
通过鼠标拖动产生多行游标 Shift+鼠标右键
不乱格式的粘贴 Ctrl+Shift+V
安装插件 Package Control
打开官网 https://packagecontrol.io/,点击 Install Now,在Sublime中,点击 View -> Show Console
复制SUBLIME TEXT 3(或2,据自己编辑器的版本而定)下的代码,粘贴到Console中,回车,等待安装完成重启sublime
在命令模式中输入"Package Control",可以看到很多的命令,如:
Install Package安装新插件 List Package列出安装过的插件 Remove Package删除插件 Disable Package禁用插件
以下介绍 Package Control 的几款插件:
Emmet 插件
输入"!",按"Ctrl+E"可快速生成html5的模板
输入"ul>.item$*10",按"Ctrl+E"可快速生成类名为item1-item10的无序列表
安装主题 点击Install Package,输入"theme",在显示的列表中选择要安装的主题,如Theme-Spacegray 插件,通常安装完成会出现一个配置文件,按其中要求修改个人设置
安装之前先在Package Control官网上看看主题的样式,在Labels下点击theme即可查看snippets 快速编码,不同的语言snippets是不同的,以js为例,
在命令模式中输入snippet,选择snippet:Function,回车即产生一个函数模板
以插件形式启动的snippet,如安装 JavaScript & NodeJS snippets 插件,然后就可以使用这个插件提供的snippet了
如输入"gi",就会出现"getElementById"提示
如安装 Insert Callback 插件 ,则可以用"Alt+C"快速添加回调函数
管理/更新类库(如jQuery)
安装 nettus fetch 插件
在命令模式中输入Fetch:Manage可以管理类库
如何使用fetch来快速下载最新版本的jQuery:新建一个空文件jQuery.js,打开它,在命令模式中输入Fetch:File命令,回车即可下载
快速添加注释
安装 DocBlockr 插件
输入"/*",回车,自动补全注释块
输入"/**",回车,自动补全注释块
在函数上方输入"/**",按Tab键,可自动补全描述函数的注释格式
设置快捷键来进行单行注释和块注释
Preferences -> Key Binders - User
添加
{ "keys": ["alt+3"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["alt+4"], "command": "toggle_comment", "args": { "block": true } }
即可设置为 alt+3 为单行注释,alt+4 为块注释
HTML-CSS-JS Prettify 插件,格式化代码
下载安装 Node.js,官网地址:https://nodejs.org/en/
鼠标右键 HTML/CSS/JS Prettify > Set Plugin Options 保证插件路径与 Node.js 安装路径一致,Ctrl+s 保存
鼠标右键 HTML/CSS/JS Prettify > Prettify Code 查看效果
如果报错:Node.js was not found in the default path. Please specify the location,
参考这个:http://jingyan.baidu.com/article/e8cdb32b3f32f237052badfe.html