欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

Sublime快捷键与常用插件配置总结

程序员文章站 2022-07-11 23:11:36
Sublime快捷键与常用插件配置总结...

1. 快捷键

ctrl + ~:打开控制台
ctrl+shift+p:打开命令面板
ctrl+p:搜索项目中的文件
ctrl+g:跳转到第几行
ctrl+w:关闭当前打开文件
ctrl+shift+w:关闭所有打开文件
ctrl+shift+v:粘贴并格式化
ctrl+d:选择单词,重复可增加选择下一个相同的单词
ctrl+l:选择行,重复可依次增加选择下一行
ctrl+shift+l:选择多行
ctrl+shift+enter:在当前行前插入新行
ctrl+x:删除当前行
ctrl+m:跳转到对应括号
ctrl+u:软撤销,撤销光标位置
ctrl+j:选择标签内容
ctrl+f:查找内容
ctrl+shift+f:查找并替换
ctrl+h:替换
ctrl+r:前往 method
ctrl+n:新建窗口
ctrl+k+b:开关侧栏
ctrl+shift+m:选中当前括号内容,重复可选着括号本身
ctrl+f2:设置/删除标记
ctrl+/:注释当前行
ctrl+shift+/:当前位置插入注释
ctrl+alt+/:块注释,并focus到首行,写注释说明用的
ctrl+shift+a:选择当前标签前后,修改标签用的
f11:全屏
shift+f11:全屏免打扰模式,只编辑当前文件
alt+f3:选择所有相同的词
alt+.:闭合标签
alt+shift+数字:分屏显示
alt+数字:切换打开第n个文件
shift+右键拖动:光标多不,用来更改或插入列内容
鼠标的前进后退键可切换tab文件
按ctrl,依次点击或选取,可需要编辑的多个位置
按ctrl+shift+上下键,可替换行

ctrl+d 选词 (反复按快捷键,即可继续向下同时选中下一个相同的文本进行同时编辑)
ctrl+g 跳转到相应的行
ctrl+j 合并行(已选择需要合并的多行时)
ctrl+l 选择整行(按住-继续选择下行)
ctrl+m 光标移动至括号内开始或结束的位置
ctrl+t 词互换
ctrl+u 软撤销
ctrl+p 查找当前项目中的文件和快速搜索;输入 @ 查找文件主标题/函数;或者输入 : 跳转到文件某行;
ctrl+r 快速列出/跳转到某个函数
ctrl+k backspace 从光标处删除至行首
ctrl+k+b 开启/关闭侧边栏
ctrl+kk 从光标处删除至行尾
ctrl+k+t 折叠属性
ctrl+k+u 改为大写
ctrl+k+l 改为小写
ctrl+k+0 展开所有
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(非小键盘)窗口分屏,恢复默认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+shift+分屏序号 将当前焦点页分配到分屏序号页
alt+. 闭合当前标签
alt+f3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑
tab 缩进 自动完成
f2 下一个书签
f6 检测语法错误
f9 行排序(按a-z)
f11 全屏模式

2. 安装package control

https://packagecontrol.io/installation

2.1 命令行安装:

按快捷键ctrl+~ 调出命名控制行,输入以下命令:

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; 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)

2.2 手动安装

  1. preferences > browse packages
  2. 从上层目录进入installed packages/目录
  3. 将 package control.sublime-package 复制到installed packages/目录
  4. 重启sublime text

3. 插件安装卸载

3.1 在线安装

快捷键 ctrl+shift+p(菜单 – tools – command paletter),输入 install 选中install package并回车,搜索插件安装

3.2 离线安装

在github上下载插件解压,“preferences”—>”browse packages”,打开包的位置,复制插件文件夹,重启

3.3 插件卸载

快捷键 ctrl+shift+p,输入remove package,选中删除

4. 常用插件

【emmet】

高效编写html和css
https://github.com/sergeche/emmet-sublime

emmet 快捷键

(1) 生成html5的结构代码
! + tab
(2) 生成id名和类名
标签名.类名#id名 + tab
没有标签名.类名 + tab => div
(3) 生成子类标签
标签名>子标签名>子标签名 + tab
(4) 带固定数量的标签:
ul>li5 + tab
(5) 带有序号名称
ul>li.abc$3 + tab
(6) 生成带有内容的标签
ul>li>a{data}*5 + tab
(7) css
w30+tab => width:30px
h30+tab => height:30px
mg30+tab => margin:30px
pd30+tab => padding:30px
lh12px+tab => line-height:12px
bg+tab => background

【sublimelinter】

代码校验插件,支持 html、css、js、php、java、c++ 等16种语言
http://sublimelinter.com
注意:需要在sublime中额外安装相关lint并且全局安装node插件,才会有效

相关lint

sublimelinter-jshint
sublimelinter-jsxhint
sublimelinter-csslint

全局安装node插件

$ npm install -g jshint
$ npm install -g jsxhint
$ npm install -g csslint

【html-css-js prettify】

ctrl + shift + h 格式化代码
https://github.com/victorporof/sublime-htmlprettify

【csscomb】

css整理
http://csscomb.com/

【sublimecodeintel】

shift + ctrl + space 代码自动提示
https://packagecontrol.io/packages/sublimecodeintel

【all autocomplete】

搜索所有打开的文件来寻找匹配的提示词

【autofilename】

自动搜索提示相关的文件路径,如 js、css、img 等

【brackethighlighter】

高亮选中的括号,支持代码折叠

【color highlighter】

色彩高亮

【fileheader】

自动添加文件头
模板路径:data/packages/fileheader/template/

【docblockr】

函数注释
https://github.com/spadgos/sublime-jsdocs

【trimmer】

ctrl + alt + s 清除编写代码时由于错误或别的原因产生的一些不必要的空格
https://github.com/jonlabelle/trimmer

【jquery】

https://github.com/sublimetext/jquery

【sublimeserver】

启动本地服务器调试,在tools菜单中选择start sublimeserver

【gbk support】

中文支持,sublime text 本生不支持 gb2312,需要安装插件
https://github.com/chengsu/sublime-gbk-support

【converttoutf8】

注意:需要修改 data/packages/converttoutf8/default .sublime-keymap 的快捷键设置,如 ctrl+alt+shift+c,避免与 colorpicker 冲突

【sidebarenhancements】

侧栏右键功能增强
https://github.com/titobouzout/sidebarenhancements/tree/st3

【sublimegit】

通过 ctrl + shift + p 使用git功能

 git config --global user.name "username"
git config --global user.email "username@email.com"

 http://sublimegit.readthedocs.io

【gitgutter】

高亮相对上次提交变动的行
修改配置

{
"git_binary": "c:\\program files (x86)\\git\\bin\\git.exe"
}

【autoprefixer】

ctrl + shift + p 输入调用进行css3私有前缀自动补全

https://github.com/sindresorhus/sublime-autoprefixer

【terminal】

使用终端打开,支持使用快捷键
打开当前文件夹
ctrl + shift + t
打开项目文件夹
ctrl + alt + shift + t
https://github.com/wbond/sublime_terminal

【colorpicker】

ctrl+shift+c 调用取色器
http://weslly.github.io/colorpicker

【clipboard history】

shift + ctrl + v 剪切板历史记录
https://github.com/jimbly/sublimeclipboardhistory

【ctags】

函数跳转

其他插件

【javascript & nodejs snippets】
快捷编码,可通过 ctrl + shift + p 输入snippets查看

【can i use】
兼容性检查
http://timkl.xyz/sublime-text-caniuse

【filediffs】
文件比较
https://github.com/colinta/sublimefilediffs

【colorcoder】
高亮所有变量

【markdownediting】
markdown编辑支持
mdi + tab 插入图片
mdl + tab 生成链接
https://github.com/mdesantis/markdownediting

【omnimarkuppreviewer】
预览markdown
ctrl+alt+o: preview markup in browser.
ctrl+alt+x: export markup as html.
ctrl+alt+c: copy markup as html.
https://github.com/timonwong/omnimarkuppreviewer

【packageresourceviewer】

查看和编辑sublimetext附带的不同的包
https://github.com/skuroda/packageresourceviewer

【soda-theme】

编码主题,setting user里添加 “theme”: “soda light 3.sublime-theme”
http://buymeasoda.github.io/soda-theme

hex to hsl:自动转换颜色值
jsminifier:自动压缩js文件
yui compressor:压缩js和css文件
sftp:直接编辑 ftp 或 sftp 服务器上的文件
ftpsync:ftp ssh上传配置,安装成功配置host即可
actualvim:使用vim

5. 其他

5.1 修改默认字体

修改settings - user

"font_face": "微软雅黑",
"font_size": 14,