官网 http://www.sublimetext.com/
①.最新版3176激活方法(2018年5月19日)
1、下载地址:https://download.csdn.net/download/edogawa_konan/10425341;
2、将压缩文件中的Patch.exe解压到Sublime Text的安装根目录;
3、以管理身份运行Patch.exe文件,即可激活;
②.sublime text3怎样安装package control(方便插件的管理)
1.浏览器输入下载这个文件: https://sublime.wbond.net/Package%20Control.sublime-package ;
2.打开sublime text3,选择菜单Preferences->Browse Packages打开安装目录,此时会进入到一个叫做Packages的目录下,点击进入上一层目录Sublime Text3,在此目录下有一个文件夹叫做Installed Packages,把刚才下载文件复制到此目录下就可以了。然后重启sublime text3,观察Preferences菜单最下边是否有Package Settings 和Package Control两个选项,如果有,则代表安装成功了。此时使用快捷键Ctrl+Shift+P,输入install,选择install package,想安装什么插件,在里面搜索名字就可以了;
③.有用的插件安装参考链接:https://blog.csdn.net/hahahhahahahha123456/article/details/80222399
(emmet使用教程)http://docs.emmet.io/
(快捷键练习网站)https://www.shortcutfoo.com/
(Package Control大全) https://packagecontrol.io/
移除插件:ctrl+shift+p,“remove package”混在其中,看得到就是缘分!!!
(主题自定义) http://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai
chineselocalizations // 汉化 | Emmet // 神器 | Csscomb // CSS属性排序 |
JsFormat // 神器 | CSSFormat // CSS格式化 | Sublime tmpl // 模板 |
ColorPicker // 调色板 | DocBlockr // 注释 | AutoFileName // 文件名自动完成 |
A File Icon //侧边栏文件图标美化 | Boxy Theme // 主题 | BracketHighLighter // 高亮显示匹配括号、引号和标签(需要配置) |
Clickable URLs // 文档url可点击 | Side Bar // 侧边栏增强 | SublimeLinter // 代码校验工具 |
HTML/CSS/JS Prettify(代码格式化) | ConvertToUTF8 // 中文乱码问题 | SublimeCodeIntel // 代码自动补全 |
IMESupport // 输入法跟随光标 | ColorHighLighter //颜色背景,不会设置 |
④.主题设置:可选择Boxy Theme或者Theme - Brogrammer(√)
(1).首先下载https://github.com/kenwheeler/brogrammer-theme/archive/master.zip。解压后将文件夹改名成Theme - Brogrammer。然后打开sublime text3,找到里面的首选项->浏览程序包(Preferences -> Browse Packages),将改名后的文件夹复制到弹出的文件夹中;
(2).然后首选项->设置用户(Preferences -> setting uer)-右边复制进去 ; 【这里可以修改主题,字体等】
{
"auto_complete": true,
"auto_match_enabled": true,
"color_scheme": "Packages/Theme - Brogrammer/brogrammer.tmTheme",
"font_face": "YaHei Consolas hybrid",
"font_size": 14,
"ignored_packages":
[
"Vintage"
],
"theme": "Adaptive.sublime-theme"
}
⑤.BracketHighLighter 高亮插件设置
(1).复制以下代码进 用户配置,
{
"bracket_styles": {
"default": {
"icon": "dot",
"color": "entity.name.class",
// "color": "brackethighlighter.default",
"style": "highlight"
},
"unmatched": {
"icon": "question",
"color": "brackethighlighter.unmatched",
"style": "highlight"
},
"curly": {
"icon": "curly_bracket",
"color": "brackethighlighter.curly",
"style": "highlight"
},
"round": {
"icon": "round_bracket",
"color": "brackethighlighter.round",
"style": "highlight"
},
"square": {
"icon": "square_bracket",
"color": "brackethighlighter.square",
"style": "highlight"
},
"angle": {
"icon": "angle_bracket",
"color": "brackethighlighter.angle",
"style": "highlight"
},
"tag": {
"icon": "tag",
"color": "brackethighlighter.tag",
"style": "highlight"
},
"single_quote": {
"icon": "single_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"double_quote": {
"icon": "double_quote",
"color": "brackethighlighter.quote",
"style": "highlight"
},
"regex": {
"icon": "regex",
"color": "brackethighlighter.quote",
"style": "outline"
}
}
}
(2).紧接④,编辑这个文件“C:\Users\admin\AppData\Roaming\Sublime Text 3\Packages\Theme - Brogrammer”,添加以下代码:
<!-- 以下代码为BracketHighlighter的配置代码 -->
<dict>
<key>name</key>
<string>Bracket Default</string>
<key>scope</key>
<string>brackethighlighter.default</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFFFFF</string>
<key>background</key>
<string>#A6E22E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Unmatched</string>
<key>scope</key>
<string>brackethighlighter.unmatched</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFFFFF</string>
<key>background</key>
<string>#FF0000</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Curly</string>
<key>scope</key>
<string>brackethighlighter.curly</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FF00FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Round</string>
<key>scope</key>
<string>brackethighlighter.round</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E7FF04</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Square</string>
<key>scope</key>
<string>brackethighlighter.square</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FE4800</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Angle</string>
<key>scope</key>
<string>brackethighlighter.angle</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#02F78E</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Tag</string>
<key>scope</key>
<string>brackethighlighter.tag</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFFFFF</string>
<key>background</key>
<string>#0080FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Quote</string>
<key>scope</key>
<string>brackethighlighter.quote</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#56FF00</string>
</dict>
</dict>
<!-- 以上代码为BracketHighlighter的配置代码 -->
效果图:
⑥.Sublime tmpl 模板插件如何修改
首选项->浏览程序包(Preferences -> Browse Packages)-> SublimeTmpl -> templates ,自行打开修改相应语言模板。
比如“ html.tmpl”可以这样改 ,快捷键为 Ctrl+alt+H
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="revised" content="Zgus, 2018/1/1/" /> <!-- 最后修订 -->
<!-- <meta http-equiv="refresh" content="5" />每 5 秒刷新一次页面 -->
<title>${1:Examples}</title>
${2:<meta name="description" content="$3">
<meta name="keywords" content="$4">
}<link rel="stylesheet" type="text/css" href="$5">
<link rel="shortcut icon" href="/favicon.ico" />
</head>
<body>
$0
</body>
</html>
<script type="text/javascript"></script>