快捷键
1. 选择
shift+ctrl+←或→
相当于双击鼠标选中Ctrl+L
选择行,重复可依次增加选择下一行Ctrl+Shift+L
选择多行,每行尾出现光标Ctrl+Shift+M
选中当前括号内容,重复可选中括号本身(js和css)ctrl+shift+a
光标停在文本上,选择包裹文本的元素,多次按,依次向上层选择ctrl+shift+’
选择与光标关联的开始和结束标签Shift+右键拖动
块选择,多光标
2. 编辑
ctrl+shift+↑或↓
上移或下移行Ctrl+Shift+K
删除整行Ctrl+Enter
光标后插入行Ctrl+Shift+Enter
光标前插入行Alt+.
闭合标签alt+shift+w
用标签包裹行或选中项ctrl+shift+;
移除光标位置的父标签
3. 注释
ctrl+/
注释选中项/行Ctrl+Shift+/
当前位置插入注释(无选中时,注释光标位置的父标签)
4. 复制粘贴
ctrl+shift+d
复制选中文本,或者没有选中文本时复制整行ctrl+shift+v
粘贴并保持缩进
5. 大小写
ctrl+K then U,ctrl+K then L
大写和小写
6. 排版
ctrl+[或]
增加和减少缩进(无需回到行首使用Tab)Ctrl+Shift+[
折叠代码Ctrl+Shift+]
展开代码
7. 修改数字
ctrl+↑或↓
以1为步长改变数字alt+shift+↑或↓
以10为步长改变数字alt+↑或↓
以0.1为步长改变数字
8. 编辑器布局
Alt+Shift+数字
分屏显示Ctrl+K+B
开关侧栏
9. 快速定位
Ctrl+R
快速定位到method
插件
1. Emmet
- 写Html好用到爆
- 用法总结:https://www.cnblogs.com/jesse131/p/4978966.html
- 总记不住的一个单词
Lorem
:写这个单词,按Ctrl+E
,可快速生成填充文字 - 禁用emmet的tab键功能:
"disable_tab_abbreviations": true
,请使用 ctrl+e,系统自带的 tab 功能还是可圈可点的。
2. HTML/CSS/JS prettify
- 用于HTML/CSS/JS的格式化
- 需要node.js的支持
- 只需要简单的
Ctrl+Shift+H
即可格式化代码
3. IMESupport
- 使用Sublime Text时,输入中文遇到问题:输入框始终保持的屏幕的下方,无法跟随光标移动。使用该插件即可解决问题。
4. Better Completion
- 全能代码提示
5. QuoteHTML
- 作用:把HTML拼接成js插入字符串
- 按ctrl+shift+P使用
6. ConvertToUTF8
- GBK编码兼容
7. Markdown Code Blocks
- A tiny plugin that helps with inserting Markdown code blocks inside your files.
- 使用方法:Search for the Markdown Code Blocks: Add Block command, and type in your desired language name.
8. LiveStyle
- 结合使用sublimet text livestyle插件和Chrome livestyle插件,可实现实时预览、双向修改等功能。
9. vue-syntax-highlight
- vue语法高亮插件
- 使用方法:ctrl+shift+p -> Set Syntax:Vue Component
Tips
- 鼠标落在变量后,ctrl+D或者alt+F3操作,可选中所有变量,不包括非变量的相同单词
- Emmet插件并不仅仅支持ctrl+E,按Tab更方便
常见问题
1. There are no packages available for installation
错误排查:按ctrl+`,视图->显示/隐藏控制台,打开控制台,尝试package install,可看到控制台输出如下错误:
Package Control: Error downloading channel.
URL error [WinError 10060] 由于连接方在一段时间后没有正确答复或连接的主机没有反应,连接尝试失败。
downloading https://packagecontrol.io/channel_v3.json.
可发现https://packagecontrol.io/channel_v3.json无法打开,channel_v3.json文件下载失败。
解决办法:https://github.com/HBLong/channel_v3_daily
- 点击 Preferences > Package Settings > Package Control > Settings - User(注意是Package Control插件的设置,不是sublime text的设置)
- 添加 “channels”: [“https://raw.githubusercontent.com/HBLong/channel_v3_daily/master/channel_v3.json”],
2. 关闭更新提醒
在首选项->设置中:
"update_check": false,
3. 设置行间距
"line_padding_bottom": 2,
"line_padding_top": 2,
4. 设置当前行高亮
"highlight_line": true,