快捷键
1.字体放大ctrl + =
字体缩小ctrl + -
2.Ctrl+/:注释当前行
Ctrl+Shift+/: 注释多行
3.Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+Shift+K 删除整行
4.Alt+Shift+1 窗口分屏,恢复默认1屏(非小键盘的数字)
Alt+Shift+2 左右分屏-2列
Alt+Shift+3 左右分屏-3列
Alt+Shift+4 左右分屏-4列
Alt+Shift+5 等分4屏
Alt+Shift+8 垂直分屏-2屏
Alt+Shift+9 垂直分屏-3屏
Ctrl+K+B 开启/关闭侧边栏
5. 格式化代码:(1)安装JSFomat插件,打开需要文件,再使用快捷键 "ctrl+alt+f"
(2)安装html-css-js prettify 插件,按快捷键:Ctrl + Shift + H
6.左侧全部删除ctrl + shift +backspace
重做 strl+shift+z
重做或重复 ctrl+y
粘贴并格式化 ctrl +shift +v
选择行 ctrl+L
替换 ctrl +h
选择当前括号内容 ctrl+shift+m
分屏显示 ctrl +shift+数字
切换打开的文件 alt+数字
更改或插入内容 shift+右键拖动
ctrl+j 合并代码
ctrl+k+k从光标开始删除代码到本行末尾
用标签包裹你选择的行alt+shift+w
strl+shift+;清除当前内容的父标签
alt+shift+上箭头以10增长该表数字
alt+上箭头以0.1增长
ctrl+上箭头以1增加
7.常用快捷键(了解更多)
Ctrl+D 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)
Ctrl+G 跳转到相应的行
Ctrl+J 合并行(已选择需要合并的多行时)
Ctrl+L 选择整行(按住-继续选择下行)
Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+T 词互换
Ctrl+U 软撤销
Ctrl+P 查找当前项目中的文件和快速搜索;输入 @ 查找文件主标题/函数;或者输入 : 跳转到文件某行;
Ctrl+R 快速列出/跳转到某个函数
Ctrl+K Backspace 从光标处删除至行首
Ctrl+KB 开启/关闭侧边栏
Ctrl+KK 从光标处删除至行尾
Ctrl+KT 折叠属性
Ctrl+KU 改为大写
Ctrl+KL 改为小写
Ctrl+K0 展开所有
Ctrl+Enter 插入行后(快速换行)
Ctrl+Tab 当前窗口中的标签页切换
Ctrl+Shift+A 选择光标位置父标签对儿
Ctrl+Shift+D 复制光标所在整行,插入在该行之前
ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
Ctrl+Shift+K 删除整行
Ctrl+Shift+L 鼠标选中多行(按下快捷键),即可同时编辑这些行
Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)
Ctrl+Shift+P 打开命令面板
Ctrl+Shift+/ 注释已选择内容
Ctrl+Shift+↑可以移动此行代码,与上行互换
Ctrl+Shift+↓可以移动此行代码,与下行互换
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码
Ctrl+Shift+Enter 光标前插入行
Ctrl+PageDown 、Ctrl+PageUp 文件按开启的前后顺序切换
Ctrl+Z 撤销
Ctrl+Y 恢复撤销
Ctrl+F2 设置书签
Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)
Ctrl+鼠标左键 可以同时选择要编辑的多处文本
Shift+鼠标右键(或使用鼠标中键)可以用鼠标进行竖向多行选择
Shift+F2 上一个书签
Shift+Tab 去除缩进
Alt+Shift+1~9(非小键盘)屏幕显示相等数字的小窗口
Alt+. 闭合当前标签
Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑
Tab 缩进 自动完成
F2 下一个书签
F9 行排序(按a-z)
F11 全屏模式
插件
需要下载三个插件:
- Sass
- Sass Build 使用
Ctrl + B
快捷键编译 - SublimeOnSaveBuild 用于
Ctrl + S
保存文件的时候自动编译
两种编译类型
- SASS : 编译成普通的 css 文件,默认不压缩
- SASS - Compressed :编译成压缩格式的 css 文件
后期如果想要更改 Build 规则,可以通过 Sublime Text > Tools > Build System 来选择
代码
以下代码输入后再按tab键,可以快速写代码
1.html:5
2.div
3.ul>li>a >后代元素
4.ul#ul
5.ul.ul
6.ul*3>li*2>a *加数量
7.li+div +兄弟元素
8.ul>li>a^div ^后面的元素与前面的父元素是同级
ul>li>a>span^^^div 多少个^就多少个父元素为同级关系,3个就与ul同级
9.viii.(ul>li>a)+(div.main)+(div.footer) ()为分组
10.ul>li.m$*6 $ 依次编号 若只有一个就显示1,若要2位数则为2个$$,以此类推
11.a[href=/] [attr]属性
12.a{nihao} {text}文本内容