命令面板/命令模式:ctrl+shift+p
ctrl+c
ctrl+v → ctrl+shift+v粘贴时会保持原格式(缩进)
ctrl+s
ctrl+z撤销
ctrl+y恢复撤销
在当前行下面添加一行:ctrl+enter
在当前行上面添加一行:ctrl+shift+enter
添加注释:ctrl+/
取消注释:ctrl+shift+/
替换:ctrl+h
选中下一个:ctrl+d
跳过:ctrl+k
选中整行:ctrl+l
选中括号内的内容:ctrl+shift+m
光标移至括号内结束或开始的位置:ctrl+m
增加缩进:ctrl+](右大括号)
减少缩进:ctrl+[(左大括号)
选中代码,按下快捷键,折叠代码:ctrl+shift+[
选中代码,按下快捷键,展开代码:ctrl+shift+]
展开所有折叠代码:ctrl+shift+0
向左单位性地快速移动光标:ctrl+←
向左单位性地选中文本:Ctrl+Shift+←
向右单位性地快速移动光标:ctrl+→
向右单位性地选中文本:Ctrl+Shift+→
向上选中多行:shift+↑
将光标所在行和上一行代码互换(将光标所在行插入到上一行之前):Ctrl+Shift+↑
将光标所在行和下一行代码互换(将光标所在行插入到下一行之后):Ctrl+Shift+↓
向下选中多行:shift+↓
向左选中文本:Shift+←
向右选中文本:Shift+→
向上添加多行光标,可同时编辑多行:Ctrl+Alt+↑
向下添加多行光标,可同时编辑多行:Ctrl+Alt+↓
合并选中的多行代码为一行:Ctrl+J
复制光标所在整行,插入到下一行:Ctrl+Shift+D
转换大写:ctrl+k+u
转换小写:ctrl+k+l
左右字母互换:ctrl+t
开启/关闭Sidebar:Ctrl+K+B
全屏模式:F11
免打扰模式:Shift+F11
go to anything:ctrl+p 打开搜索框
↓
1. 输入当前项目中的文件名,快速搜索、打开文件
2. 直接输入文件路径打开指定文件
3. #+关键字,查找文件中的变量名、属性名等,eg #body
4. @+关键字,查找文件中的函数名
5. :+数字,跳转到文件中该行代码
多行游标:
1.alt+F3(快速多选的意思)
2.shift+鼠标右键
3.ctrl+a,然后ctrl+shfit+l (PS:主要是ctrl+shfit+l 在起作用,选中任一部分,按ctrl+shfit+l ,选中的每一行后面都会出现多行游标)
Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页
Ctrl+PageDown 向左切换当前窗口的标签页
Ctrl+PageUp 向右切换当前窗口的标签页
Alt+Shift+1 窗口分屏,恢复默认1屏(非小键盘的数字,非F1)
Alt+Shift+2 左右分屏-2列
Alt+Shift+3 左右分屏-3列
Alt+Shift+4 左右分屏-4列
Alt+Shift+5 等分4屏
Alt+Shift+8 垂直分屏-2屏
Alt+Shift+9 垂直分屏-3屏
大部分来源于:https://www.douban.com/note/362268947/,thx~
Docblockr插件快速添加注释(按enter自动补全注释,只在javascript里好用)
SidebarEnhancement插件,增强siderbar右键功能,比如在浏览器查看等
PS:安装之后要把文件夹加到项目里(菜单栏→Program→Add Folder to Program...
AdvancedNewFile插件的快捷键:ctrl+alt+n
新建文件的时候会默认建在第一个项目文件夹下,如果想在其他项目文件夹里新建,输入完整的路径即可,从 所在盘:/ 开始写
Emmet插件的快捷键是:ctrl+e
Emmet插件里{ }的意思是输出内容
eg
ul>.item$*10 → ctrl+e
<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
<li class="item6"></li>
<li class="item7"></li>
<li class="item8"></li>
<li class="item9"></li>
<li class="item10"></li>
</ul>
其中:
>是子无素选择符,说明是应用于第一代子元素;
.item说明给子元素添加class,且class名为item,#就是添加ID;
$是序号;
*10代表想要输出10行
配置使用Sublime Text 3 PS:可以不把配置文件放在C盘
修改sublime Text 的默认配置文件位置
默认情况下安装完sublime text 3,在第一次运行的时候,sublime text 3会在%appdata%目录下生成一个Sublime Text 3的文件夹,用于存放配置文件,以及后面安装的各种插件;为便于设置完后打包,建议将配置文件位置改到安装目录下。
安装完sublime text 3后,不要直接运行,找到sublime text 3的安装目录,并在该目录下新建 Data 文件夹(注意大小写)。如果已经运行了,请先在地址栏输入 %appdata% 然后删除该目录下的sublime text 3文件夹。完成这一步之后再打开sublime text 3所有的配置文件都会被生成在Data文件夹中了。
好处:
1、安装后的插件可以在sublime text 3安装目录下的 Data/Packages下找到。
2、打包的文件就可以在其他电脑上直接使用了。
http://zhidao.baidu.com/question/1368446900285224699.html
js/css/html语法验证的安装方法:
1.先下载安装好node.js
2.在sublime text 3中安装好sublimelinter和sublimlinter-jshint/sublimelinter-csslint/sublimelinter-htmlhint共4个插件
3.在cmd里分别写入
npm install -g jshint 回车
npm install -g csslint 回车
npm install -g xg-htmlhint 回车
4.如果还是无法验证,查看 右键→sublimlinter→Toggle Linter... 检查是否为 disable,若是,点击 disable,重新查看,会发现 disable 变成 enable,就可以验证了
https://nodejs.org/en/download/
https://segmentfault.com/a/1190000004169261
http://jingyan.baidu.com/article/b907e627b790b146e7891c3c.html
安装 SidebarEnhancement插件后 设置在浏览器中打开文件的快捷键的方法:
1.在 菜单栏Preferences→Package Settings→Side Bar→Key Bindings - User 里粘贴
[
{ "keys": ["ctrl+shift+c"], "command": "copy_path" }, /*复制文件路径的意思*/
//firefox
{ "keys": ["f12"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "D:\\Program Files\\Mozilla Firefox\\firefox.exe",
"extensions":".*" //any file with extension
} },
//opera
{ "keys": ["f2"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "D:\\Program Files\\Opera\\launcher.exe",
"extensions":".*"
}
},
//ie
{ "keys": ["f4"], "command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files\\Internet Explorer\\iexplore.exe",
"extensions":".*"
}
},
]
2.快捷键可根据自己的需求改变,浏览器路径一定要写自己电脑上的安装路径,且是用\\
PS:
目前用的theme是autumn,字号是16
遇到sublime text 3报错别方,重启软件,或者提示丢什么补什么就可以
很多问题的锅都是软件不稳定!!!
关闭软件自动更新:
“首选项”—“设置--用户”/Preferences -> Settings-User
↓
写上"update_check":false
↓
保存
解决Sublime Text 3默认不支持GBK编码格式的问题:
安装ConvertToUTF8插件,重启软件即可
待学:
学到JS的时候学习snippet功能 6-2
服务器响应测试功能httpRequest 6-4
jQuery等内库的辅助功能nettus fetch 6-5
使用lint进行语法校验及风格校验最后2分钟是自创js语法校验规则,以后再看 6-8
http://www.imooc.com/video/5473
![](https://img2024.cnblogs.com/blog/35695/202408/35695-20240826070647288-243310440.jpg)