插件:
1.Emmet(原名Zen Coding)。前端必备 。。。对于ST2点击 browse packages' –> Emmet –> emmet –> snippets.json.可以自定义补全代码。
{
"snippets": {
"html": {
"abbreviations": {
"img": "<img src=\"images\/p1.png\" alt=\"\" />"
}
},
"css": {
"snippets": {
"bd+": "border:${1:1}px ${2:solid} #${3:000};",
"bdl+": "border-left:${1:1}px ${2:solid} #${3:000};",
"bdr+": "border-right:${1:1}px ${2:solid} #${3:000};",
"bdt+": "border-top:${1:1}px ${2:solid} #${3:000};",
"bdb+": "border-bottom:${1:1}px ${2:solid} #${3:000};",
"bg+": "background:${1:#fff} url(../images/${2:p}.png) ${3:0} ${4:0} ${5:no-repeat};",
"bgi": "background-image:url(../images/${1:p}.png);"
}
}
}
}
2.BracketHighlighter(高亮显示匹配的括号、引号和标签)
3.DeleteBlankLines(删除空余行插件)。默认快捷键:ctrl + Alt + Backspace
4.Tag(格式化插件)。默认快捷键:ctrl + Alt + F
5.JsFormat(JS代码格式化) 默认快捷键:ctrl + Alt + F
6.csscomb(css属性排序)安装好wampserver后,配置windows系统PHP系统环境变量即可
7.ConvertToUTF8 和 css3_Syntax 可以让sublime 支持gbk
sb3安装控制台:ctrl+~ 两个键调出控制台console,键入如下代码,稍微等待下完成安装。
import urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; 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)
另外推荐一款我正在使用的st 主题 "Theme-spacegray" 和代码字体“YaHei Consolas Hybrid”。Theme-spacegray可以通过插件找到。点击这里下载字体。
方法:Preferences -> Settings – User中新增参数
{
"caret_style": "phase",
"color_scheme": "Packages/User/base16-ocean.dark (SL).tmTheme",
"font_face": "YaHei Consolas Hybrid",
"font_size": 10,
"ignored_packages":
[
"Vintage",
"CSS3",
"SublimeLinter"
],
"theme": "Spacegray.sublime-theme"
}
9.MarkdownEditing + Markdow Preview 能支持markdown语法。并实现在线预览。
预览方法:ctrl + shift + p 输入 “mp” 选择Preview in Browser“” 即可
两位 ctrl + B 可以自动生成html文件。
快捷键
Ctrl+L | 选择整行(按住-继续选择下行) |
Ctrl+KK | 从光标处删除至行尾 |
Ctrl+Shift+K | 删除整行 |
Ctrl+Shift+D | 复制光标所在整行,插入在该行之前 |
Ctrl+J | 合并行(已选择需要合并的多行时) |
Ctrl+KU | 改为大写 |
Ctrl+KL | 改为小写 |
Ctrl+D | 选词(按住-继续选择下个相同的字符串) |
Ctrl+M | 光标移动至括号内开始或结束的位置 |
Ctrl+Shift+M | 选择括号内的内容(按住-继续选择父括号) |
Ctrl+/ | 注释整行(如已选择内容,同“Ctrl+Shift+/”效果) |
Ctrl+Shift+/ | 注释已选择内容 |
Ctrl+Space | 自动完成(win与系统快捷键冲突,需修改) |
Ctrl+Z | 撤销 |
Ctrl+Y | 恢复撤销 |
Ctrl+Shift+V | 粘贴并自动缩进(其它兄弟写的,实测win系统自动缩进无效) |
Ctrl+M | 光标跳至对应的括号 |
Alt+. | 闭合当前标签 |
Ctrl+Shift+A | 选择光标位置父标签对儿 |
Ctrl+Shift+[ | 折叠代码 |
Ctrl+Shift+] | 展开代码 |
Ctrl+KT | 折叠属性 |
Ctrl+K0 | 展开所有 |
Ctrl+U | 软撤销 |
Ctrl+T | 词互换 |
Ctrl+Enter | 插入行后 |
Ctrl+Shift Enter | 插入行前 |
Ctrl+K Backspace | 从光标处删除至行首 |
Ctrl+Shift+UP | 与上行互换 |
Ctrl+Shift+DOWN | 与下行互换 |
Shift+Tab | 去除缩进 |
Tab | 缩进 |
F9 | 行排序(按a-z) |
让Sublime Text支持浏览器中预览
import sublime, sublime_plugin
import webbrowser
class OpenBrowserCommand(sublime_plugin.TextCommand):
def run(self,edit):
url = self.view.file_name()
webbrowser.open_new(url)
将文件保存到Packages/User目录(Packages可通过菜单里的Browser Packages...打开),文件名随意,如open_browser.py。插件部分完工了
[{ "keys": ["ctrl+shift+b"], "command": "open_in_browser" }]
这就是要做的全部工作,可以测试下了。打开一个html文件,ctrl+shift+b试试,没意外的话文件会在默认浏览器打开了。可以参考原文章:点击这里