原文地址:
博客地址:
一、修改插件安装目录
为了有效和安全管理插件,在 Sublime Text 的安装目录中创建 Data 目录(之后插件就放在该目录中)。
重启 Sublime Text 后 Preferences-> Browse Package 打开的目录就指向 Data。
二、注册
主界面 Help-> Enter license,弹出窗口输入如下内容:
—– 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:打开命令面板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:前往 methodCtrl+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个文件Ctrl+Shift+上下:替换行
四、安装 Package Control
Package Control 插件是一个方便 Sublime text 管理插件的插件。
主界面 Ctrl+` 下边框弹出输入框,复制粘贴如下内容:
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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)
并回车。
Package Control 安装好之后,只需要 Ctrl + Shift + P 弹出输入框选择 install package 就可以输入插件名称下载插件了。
五、常用插件
5.1 Emmet
功能:用于提高 html/css 的编码速度。
调用方式:tab 键。
效果图:
5.2 HTML-CSS-JS Prettify
功能:格式化 HTML 、CSS、JS 及 Json 代码。需要注意的是,必须先安装 Node.js 和设置 Node.js 路径。
调用方式:右键 –> HTML/CSS/JS Prettify –> Prettify Code。
效果图:
5.3 AutoFileName
功能:用于补全文件名称。
调用方式:输入文件路径会自动提示。
5.4 DocBlockr
功能:提供代码块注释功能。
调用方式:输入 /** 后按 Enter 或者 Tab。
效果图:
5.5 Bracket Highlighter
功能:高亮显示标签。
调用方式:将光标放入开始/结束标签,会高亮显示对应的标签。
5.6 IMESupport
功能:解决中文输入框不跟随的问题。
5.7 SideBarEnhancements
功能:提供侧边栏功能,同时可自定义浏览器预览的快捷键。
调用方式:需要设置快捷键。
设置浏览器预览快捷键方式:
preferences -> package setting -> side bar -> Key Building-User,输入如下内容:
[ { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "extensions": ".*" } }, //firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "H:\\Common\\Mozilla Firefox\\firefox.exe", "extensions": ".*" //匹配任何文件类型 } }]
只需要修改浏览器路径,保存后,在对应的 html 文件中按住相应的快捷键就可以打开浏览器查看内容了。
5.8 AllAutocomplete
功能:搜索所有打开的文件来寻找匹配的提示词。
调用方式:输入部分文字会自动提示。
5.9 Terminal
功能:在当前目录下打开 Terminal 窗口。
调用方式:Ctrl + Shift + T 。
5.10 autoprefixer
功能:给 CSS 添加私有前缀。
调用方式:Ctrl + Shift + P,选择 autoprefixer 后,编写 css 保存文件即可。需要安装 Node.js。
额外设置:默认情况下,该插件只对 Chrome 进行兼容,为了兼容其他浏览器需要修改配置 Preferences -> Package Settings -> Autoprefixer,弹出窗口修改 "browsers" 为如下内容:
"browsers":["defaults","last 2 version", "> 0.1%", "> 5% in US", "ie 6-8","Firefox < 20"]
效果图:
5.11 ConvertToUTF8
功能:文件编码转成 utf-8。
调用方式:保存文件即可。
5.12 sublimeTmpl
功能:提供文件模板。
调用方式:需要设置快捷键。
设置快捷键,preferences -> package setting -> side bar -> Key Building-User,输入如下内容:
[ { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //创建模板 { "keys": ["ctrl+1"], "caption": "Tmpl: Create html", "command": "sublime_tmpl", "args": { "type": "html" } }, { "keys": ["ctrl+2"], "caption": "Tmpl: Create javascript", "command": "sublime_tmpl", "args": { "type": "js" } }, { "keys": ["ctrl+3"], "caption": "Tmpl: Create css", "command": "sublime_tmpl", "args": { "type": "css" } }]
保存后,只需要按下对应的快捷键就可以创建相应类型的文件。
效果图:
5.13 LiveReload
功能:自动刷新浏览器。
安装:
1)给 chrome 浏览器安装 LiveReload 插件(FQ下载)。
2)通过下文提供的链接下载 Sublime 插件,里边有个名为 ST3-LiveReload-master.zip 压缩包,将其解压改名为 LiveReload,复制到 Sublime 的 Packages 目录下(Preference -> Browse Packages...)。
3)启动插件,Preference->Package Settings->LiveReload->Settings User
{ "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ]}
调用方式:通过 chrome 打开 html 文件后,点击 chrome 的 LiveReload 插件的图标变成实心后,只要修改 html 文件内容保存即可自动刷新浏览器。
效果图: