sublime text3插件快捷键
插件管理器
默认安装之后,perferences 里面并没有Package Settings和Package Control。则无法安装插件。
使用快捷键ctrl+`调出控制台,粘贴以下代码:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen('http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
或者点击这里,复制相应版本的安装插件管理器的代码。
正常情况下会安装成功,如果有报错,再试一遍或者重新搜索以上代码。安装完成之后,perferences 里面就有了Package Settings和Package Control。
插件安装
安装步骤
调出Package Control(快捷键:ctrl+shift+p),输入install,无需输完,下面就有了,选中install Package,如下图:
选中之后,会先出现,左下角下图所示的一个安装过程
之后会出现一个框,再输入所需要安装的插件,如安装Emmet
待安装完之后,出现下图,则安装成功
安装任何一个插件都需要重复走上面这个过程。
语言包 localizedMenu
默认安装之后,是英文版。安装localizedMenu
,安装完之后,默认还是英文,可选择需要的语言。
Emmet
HTML/CSS代码快速编写插件,原名:Zen Coding。使用文档,可看这里。
A File Icon
侧边栏文件图标
CodeFormatter
代码格式化,使用快捷键ctrl+alt+f
格式化代码,不过只能格式化指定的文件。大致有:js/json(js的json,npm的json不行)/html/css/scss/less/python/php
Vue Syntax Hightlight
vue 语法高亮
Autoprefixer CSS
css的浏览器兼容性书写,会自动解析css文件,配置需要兼容的浏览器,这个插件需要node的支持。安装完之后需要配置,具体配置如下:
1. 打开 设置(N)/Package settings/Autoprefixer 在User里面添加要兼容的浏览器,写法(例子)如下:
{
"browsers": ["last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"]
}
其写法的解释,看以下表格,以下出现的数字可自定义:
写法 | 解释 |
---|---|
last 2 versions | 每一个主要浏览器的最后2个版本 |
last 2 Chrome versions | 谷歌浏览器的最后两个版本 |
5% |
市场占有量大于5% |
5% in US |
美国市场占有量大于5% |
ie 6-8 | ie浏览器6-8 |
Firefox > 20 | 火狐版本>20 |
Firefox >= 20 | 火狐版本>=20 |
Firefox < 20 | 火狐<20 |
Firefox <= 20 | 火狐<=20 |
iOS 7 | 指定IOS 7浏览器 |
2. 快捷键设置。打开 设置(N)/热键设置 ,左边Default里面有几百个热键,有兴趣可自行研究;在右侧User中添加以下代码,快捷键可自定义,不和右边的冲突就好:
{ "keys": ["ctrl+alt+p"], "command": "autoprefixer" }
- 在写完css之后,使用快捷键(第二步设置的)
ctrl+alt+p
自动添加兼容性代码。
HTML-CSS-JS Prettify
代码格式化,需要依赖于node.js。如果下载的node.js不是在默认路径,则需要改HTMLPrettify.sublime-settings里面设置的node路径为电脑上的所在路径,否则会报错。用法:选中要格式化的代码,右键选择HTML/CSS/JS Prettify,然后Prettify Code。
Color Highlight
css颜色插件。这个只能显示颜色,不能选择颜色。另外一个Color Hihlighter功能强大,可选择颜色,也可自定义触发颜色显示的事件,不过对于sublime最近的几个版本,不支持,详情可看这里。
DocBlockr
快速生成注释说明。用法:输入/**后按回车,生成块注释;如果按shift+enter则生成行内注释。具体用法可点击这里。
更多
快捷键
- 选中相关:
-
alt+F3
:选中所有相同文本,使其获得光标可进行修改(find_all); -
F3
/ctrl+F3
:find_next; -
shift+F3/ctrl+shift+F3
:find_prev; -
ctrl+shift+m
:选中当前()/{}内的文本; -
ctrl+d
:选中光标所占的文本,继续操作则会选中下一个相同的文本。
-
-
ctrl+l/shift+↓
:选中当前行,再按再依次往下选中;向上选中:shift+↑
。 - 对当前行的一些操作:
-
ctrl+shift+↑
:将当前行与上一行交换;与下一行交换:ctrl+shift+
↓; -
ctrl+shift+d
:复制当前行到下一行。 -
ctrl+x
:剪切当前行;ctrl+c
复制当前行; -
ctrl+shift+k
:删除当前行; -
ctrl+k+k
:删除当前行光标所处位置后面的部分;
-
- 折叠代码:
ctrl+shift+[
;展开代码:ctrl+shift+]
。 -
ctrl+p
:打开搜索框:- 直接输入,查找文件名;
- 先输入@,查找当前文件内的函数,同
ctrl+r
; - 先输入:,跳到所在行,同
ctrl+g
。
-
ctrl+:
:搜索当前文件内的变量名。 -
ctrl+f
查找;ctrl+h
替换。 - 窗口屏幕类:
-
alt+shift+1
:恢复分屏; -
alt+shift+2
:左右两屏; -
alt+shift+3
:左右三屏; -
alt+shift+4
:左右三屏; -
alt+shift+5
:上下左右各两屏; -
alt+shift+8
:上下两屏; -
alt+shift+9
:上下三屏; -
F11
:全屏; -
ctrl+PgUp/PgDn
:左右窗口切换; -
ctrl+n
:新建文件(窗口),ctrl+s
保存,ctrl+o
:打开新文件; -
ctrl+k+b
:折叠/打开左侧菜单栏; -
ctrl+w
:关闭当前窗口
-
推荐阅读
-
29个常用 Sublime Text 插件推荐
-
Sublime Text 2 JS 格式化插件 JsFormat的配置使用
-
windows下关于sublime text2,HTML/CSS/JS Prettify插件使用路径问题处理
-
sublime text 3 快捷键大全以及配置编译环境
-
Golang学习:sublime text3配置golang环境
-
sublime中Vue高亮插件安装
-
sublime常用快捷键介绍
-
Sublime安装插件
-
sublime text怎么使用快捷键运行浏览web/html页面?
-
sublime text3的package control安装失效的解决方法(插件安装包管理)