官网下载、安装
勾选Add to explorer context menu,这样在选中文件右键可以直接使用Sublime Text打开。
注册码
—– BEGIN LICENSE —–
TwitterInc
200 User License
EA7E-890007
1D77F72E 390CDD93 4DCBA022 FAF60790
61AA12C0 A37081C5 D0316412 4584D136
94D7F7D4 95BC8C1C 527DA828 560BB037
D1EDDD8C AE7B379F 50C9D69D B35179EF
2FE898C4 8E4277A8 555CE714 E1FB0E43
D5D52613 C3D12E98 BC49967F 7652EED2
9D2D2E61 67610860 6D338B72 5CF95C69
E36B85CC 84991F19 7575D828 470A92AB
—— END LICENSE ——
改变字体和背景颜色
安装插件
使用Ctrl+Shift+P
输入PackageControl
先安装PackageControl
。安装成功后,每次安装插件时,选择Package Control
,点击Package Control:Install Package
,然后在输入框中输入插件名字选择插件回车即可安装插件。
插件推荐
Emmet CSS Snippets
MarkdownLivePreview
Emmet
AutoFileName
BracketHighlighter
ColorPicker
JsFormat
DocBlockr
Sidebar Enhancements
Alignment
CSS Format
ConvertToUTF8
HTML-CSS-JS Prettify
Terminal
sublimeCodeIntel
Emmet CSS Snippets
This package is an alternative for Emmet.
Features
- Works with default CSS package, LESS, and Syntax Highlighting for Sass
- Two versions:
has-Prefix
orno-Prefix
- Smart completion rule: propery snippes will no longer popup when you typing propery values
- Pseudo class completions
- Extra propery value completions
Prefix
If you intend to use snippets with no prefix, add has-Prefix
into the ignored_packages list of your settings file. The other way round, if you intend to use snippets with prefix, add no-Prefix
into the ignored_packages list.
MarkdownLivePreview
Quick Start
:
To enable MarkdownLivePreview, you need to be on a markdown view (works with
Markdown Extended). Then just press alt+m
, or search up in the command
palette: ‘MarkdownLivePreview: Toggle’. Hit enter and you’re done. As soon as
you type anything in, it’ll show up with the preview in a new group.
Emmet
前端开发必备,Write less
, show more
,使用Tab
键触发。安装Emmet
后,可以输入少量代码后摁Tab
键,系统自动补全代码。
AutoFileName
快速列出你想引用的文件夹里面所有文件的名字,比如想引用test/img/1.png
。只需要输入/img
,该插件就会自动提示/img
下面的所有文件名。
BracketHighlighter
高亮显示[], (), {}, “”, ”, <tag></tag>
符号,便于查看起始和结束标记。
ColorPicker
调色板,需要输入颜色时,可直接选取颜色。使用快捷键ctrl+shift+c
即可打开调色板。需要注意的是,这个快捷键可能会打不开调色板,原因是该快捷键被占用了,最直接的解决办法是直接在Preferences→Key Bindings-User
中配置:“{ "keys": ["ctrl+shift+c"], "command": "color_pick"},”
JsFormat
JsForma
可以自动帮助你格式化JavaScript
代码,形成一种通用的格式,比如对压缩、空格、换行的js
代码进行整理,使得js
代码结构清晰,易于观看。在已压缩的JS
文件中,右键选择jsFormat
或者使用默认快捷键(Ctrl+Alt+F)
,如果该热键被占用了,可以在Preferences→Key Bindings-User
中配置: { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},
DocBlockr
安装该插件后,可以快速生成各种注释格式,当需要生成注释符号时,输入/*、/然后回车系统即帮你自动生成,如果/后面刚好是一个函数的定义,注释格式会根据函数的参数生成。
Sidebar Enhancements
sub
侧栏右键文件提供的功能很少,但在实际开发中,文件通常会有各种处理请求,而该插件增强侧栏文件右键功能,比如可以直接右键将文件移入回收站,在浏览器中浏览,将文件复制到剪切板等。详情查看sidebar
文档
Alignment
对定义的变量进行智能对齐,一般是“=”号对齐,默认的快捷键是Ctrl+Alt+A
,但这个热键和QQ
截屏的热键冲突不能使用,需要自己重新设置,我通常设置成Ctr+Alt+Shift+A
,以下粘贴到Key-Bindings-User
里面:{ "keys": ["ctrl+alt+shift+a"], "command": "alignment" },
CSS Format
CSS Format
可以将任意的 CSS
、SASS
、SCSS
、LESS
代码格式化为展开、紧凑、压缩的形式,选中需要格式化的样式代码,右键选中CSS Format
,选择需要形成的格式即可。
ConvertToUTF8
通过本插件,您可以编辑并保存目前编码不被 Sublime Text
支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP
等。可以通过 File→Set File Encoding to
菜单对文件编码进行手工转换。例如,您可以打开一个 UTF-8
编码的文件,指定保存为 GBK
,反之亦然。
HTML-CSS-JS Prettify
格式化HTML,CSS,Javascript
和Json
代码格式。使用该插件,需要安装nodejs
,而且要在Packages-Setting→HTML/CSS/JS Prettify→set node path
中设置你node
的安装路径。使用过程:Tools→Command Palette
(或者Ctrl+Shift+P
),输入选择htmlprettify
即可完成整个文档的格式化。也可以设置快捷键:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts
,因为我的ctrl+shift+h
已经被占用,所以我改成ctrl+shift+alt+h
。
Terminal
打开文件的终端,终端默认是CMD
。ctrl+shift+t
打开文件所在文件夹,ctrl+shift+alt+t
打开文件所在项目的根目录文件夹,可以自己重新配置快捷键。也可以右键open terminal here
打开。
sublimeCodeIntel
js
智能提示
常用的快捷键:
操作
Ctrl + ` 打开Sublime Text
控制台(Esc
退出)
Ctrl+Shift+P
打开命令面板(Esc
退出)
Ctrl + K + B
组合键,显示或隐藏侧栏
Alt
光标调到菜单栏,↑↓←→
移动光标编辑
Ctr+Shift+D
复制粘贴光标所在行
Alt+.
关闭标签
Ctrl+/
用//
注释当前行。
Ctrl+Shift+/
用/**/
注释。
Ctrl + Enter
在当前行下面新增一行然后跳至该行
Ctrl + Shift + Enter
在当前行上面增加一行并跳至该行
Ctrl + ←/→
进行逐词移动,
Ctrl + Shift + ←/→
进行逐词选择
Ctrl + Shift + ↑/↓
移动当前行(文件会被修改)
Ctrl+KK
从光标处删除至行尾
Ctrl+K Backspace
从光标处删除至行首
Ctrl+Z
撤销
Ctrl+Y
恢复撤销
Ctrl+J
合并行(已选择需要合并的多行时)
Ctrl + [
选中内容向左缩进
Ctrl + ]
选中内容向右缩进选择
Alt+F3
选中关键词后,选中所有相同的词。可以配合Ctrl+D
使用。
Ctrl + D Ctrl + K Ctrl + U:Ctrl + D
选择当前光标所在的词并高亮该词所有出现的位置,再次Ctrl + D
,会选择该词出现的下一个位置。在多重选词的过程中,Ctrl + K
会将当前选中的词进行跳过在多重选词的过程中,Ctrl + U
进行回退
Ctrl+L
选择光标所在整行
Ctrl+X
删除光标所在行
Ctrl + J
把当前选中区域合并为一行
Ctrl+Shift+M
选中当前括号内容,重复可选着括号本身查找
(如果有窗口弹出都是Esc
退出弹出窗口)
Ctr+p
输入@
显示容器(css
或者js
里面)
Ctrl + F
调出搜索框
Ctrl + H
调出替换框进行替换
Ctrl + Shift + H
输入替换内容后,替换当前关键字
Ctrl + Alt + Enter
输入替换内容后,替换所有匹配关键字。(注意此时如果鼠标焦点在编辑窗口中,则替换失败,将鼠标焦点调到替换框中,Ctrl + Alt + Enter
才会起作用)
Ctrl + Shift + F
开启多文件搜索&
替换
Alt + C
切换大小写敏感(Case-sensitive
)模式
Alt + W
切换整字匹配(Whole matching
)模式
Alt + R
切换正则匹配模式的开启/关闭跳转
Ctrl + P
列出当前打开的文件(或者是当前文件夹的文件),输入文件名然后Enter
跳转至该文件,输入@symbol
跳转到symbol
符号所在的位置,输入#keyword
跳转到keyword
所在的位置,输入:n
跳转到文件的第n行
Ctrl + R
列出当前文件中的符号(例如类名和函数名,但无法深入到变量名),输入符号名称Enter
即可以跳转到该处。会列出Markdown
文件的大纲
F12
快速跳转到当前光标所在符号的定义处(Jump to Definition
)。比如当前光标所在为一个函数调用,F12
会跳转至该函数的定义处。
Ctrl + G
输入行号以跳转到指定行
Ctrl+M
跳转到括号另一半。窗口和
Tab
页
Ctrl + N
在当前窗口创建一个新标签
Ctrl + Shift + N
创建一个新窗口(该快捷键 和搜狗输入法快捷键冲突)
Ctrl + W
关闭标签页,如果没有标签页了,则关闭该窗口
Ctrl+Shift+W
关闭所有打开文件
Ctrl + Shift + T
恢复刚刚关闭的标签。
Ctrl +Tag
移动标签。屏幕
F11
切换普通全屏
Shift + F11
切换无干扰全屏
Alt + Shift + 2
进行左右分屏
Alt + Shift + 8
进行上下分屏
Alt + Shift + 5
进行上下左右分屏(即分为四屏)
Ctrl +
数字键: 跳转到指定屏
Ctrl + Shift +
数字键: 将当前屏移动到指定屏