Package Control 是 Sublime Text 插件包管理器。sublime Text 只有安装了 Package control 组件，后期才能安装各种不同的插件。
Package Control 安装方法：按『Ctrl+Shift+P』组合键，调出如下界面，搜索『install package control』点击安装。
后续插件安装方法：按下『Ctrl+Shift+P』，输入『install』，选择『Package Control: Install Package』，在输入想要安装的插件名进行搜索即可。下文就不赘述了。
{
// 这个是在成对的括号左侧显示一条竖线，表明开闭括号的范围与位置，如果不需要把true改为false
"content_highlight_bar": false,
// 下面不同括号的显示方式，默认是下划线，这里改成了高亮
"bracket_styles": {
"default": {
"icon": "dot",
"color": "region.yellowish brackethighlighter.default",
"style": "highlight"
},
"unmatched": {
"icon": "question",
"color": "region.redish",
"style": "outline"
},
"curly": {
"icon": "curly_bracket",
"color": "region.purplish"
// "style": "underline"
},
"round": {
"icon": "round_bracket",
"color": "region.yellowish"
// "style": "underline"
},
"square": {
"icon": "square_bracket",
"color": "region.bluish"
// "style": "underline"
},
"angle": {
"icon": "angle_bracket",
"color": "region.orangish"
// "style": "underline"
},
"tag": {
"icon": "tag",
"color": "region.orangish"
// "style": "underline"
},
"c_define": {
"icon": "hash",
"color": "region.yellowish"
// "style": "underline"
},
"single_quote": {
"icon": "single_quote",
"color": "region.greenish"
// "style": "underline"
},
"double_quote": {
"icon": "double_quote",
"color": "region.greenish"
// "style": "underline"
},
"regex": {
"icon": "star",
"color": "region.greenish"
// "style": "underline"
}
},
// 忽视限制因素，但是当代码较多的时候可能会影响性能
"ignore_threshold": true,
}
{
"jsdocs_extra_tags":
[
"@fuction ${1:[description]}",
"@Author PanyCG",
"@DateTime {{datetime}}",
],
"jsdocs_function_description": false
}
! + Tab，可快速生成 HTML 文档常用结构代码（默认），当然也可以修改这个模板。<!--! + Tab-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
标签名 + Tab ，自动补全标签，包括尖括号与结尾的结束标签。<!--p + Tab-->
<p></p>
> + Tab，表示输入为标签子代。<!--div>p>span-->
<div>
<p><span></span></p>
</div>
+号 + Tab ，表示输入为标签同级。<!--多个dom元素之间用 + 号连接即可-->
<!--div+p+span-->
<div></div>
<p></p>
<span></span>
^号 + Tab ，表示输入到标签上级。<!--div>p^span-->
<div><p></p></div>
<span></span>
*number + Tab ，表示输入多个标签。<!--div>ul>li*3-->
<div>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
.类名 + Tab #id名 + Tab[普通属性] + Tab {元素内容} + tab<!--.nav-->
<div class="nav"></div>
<!--#id-->
<div id="itme"></div>
<!--一次添加多个属性 div#header.container[title="我是一个容器"]-->
<div id="header" class="container" title="我是一个容器"></div>
<!--div{我是文字内容}-->
<div>我是文字内容</div>
占位符$ + Tab，$ 的数量代表序列号的位数<!--div.container#header>p{$$排序}*3-->
<div class="container" id="header">
<p>01排序</p>
<p>02排序</p>
<p>03排序</p>
</div>
[
// F3 - open_in_browser
{
"keys": ["f3"],
"command": "open_in_browser"
},
// 设置默认浏览器为 Google
{
"keys": ["f2"],
"command": "side_bar_files_open_with",
"args": {
"paths": [],
"application": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
"extensions": ".*"
}
}
]
{
"keys": ["f1"],
"command": "markdown_preview",
"args": {
"target": "browser",
"parser": "markdown"
}
}
{
"enable_autoreload": true
}
{
"enabled_plugins": ["SimpleReloadPlugin","SimpleRefresh"]
}
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=default"></script>
{
"enable_autoreload": true,
"js": [
"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js",
"res://MarkdownPreview/js/math_config.js"
],
/*
Markdown extension configuration.
To specify a function in this JSON configuration, create an object with the key "!!python/name"
and set it to the import path to the function "module.submodule.etc.function".
*/
"markdown_extensions": [
// Python Markdown Extra with SuperFences.
// You can't include "extra" and "superfences"
// as "fenced_code" can not be included with "superfences",
// so we include the pieces separately.
"markdown.extensions.smart_strong",
"markdown.extensions.footnotes",
"markdown.extensions.attr_list",
"markdown.extensions.def_list",
"markdown.extensions.tables",
"markdown.extensions.abbr",
{
"markdown.extensions.codehilite": {
"guess_lang": false
}
},
// Extra's Markdown parsing in raw HTML cannot be
// included by itself, but "pymdownx" exposes it so we can.
"pymdownx.extrarawhtml",
// More default Python Markdown extensions
{
"markdown.extensions.toc":
{
"permalink": "\ue157"
}
},
"markdown.extensions.meta",
"markdown.extensions.sane_lists",
"markdown.extensions.smarty",
"markdown.extensions.wikilinks",
"markdown.extensions.admonition",
// PyMdown extensions that help give a GitHub-ish feel
"pymdownx.superfences", // Nested fences and UML support
{
"pymdownx.magiclink": { // Auto linkify URLs and email addresses
"repo_url_shortener": true,
"repo_url_shorthand": true
}
},
"pymdownx.tasklist", // Task lists
{
"pymdownx.tilde": { // Provide ~~delete~~
"subscript": false
}
},
{
"pymdownx.emoji": { // Provide GitHub's emojis
"emoji_index": {"!!python/name": "pymdownx.emoji.gemoji"},
"emoji_generator": {"!!python/name": "pymdownx.emoji.to_png"},
"alt": "short",
"options": {
"attributes": {
"align": "absmiddle",
"height": "20px",
"width": "20px"
},
"image_path": "https://assets-cdn.github.com/images/icons/emoji/unicode/",
"non_standard_image_path": "https://assets-cdn.github.com/images/icons/emoji/"
}
}
},
{
"pymdownx.arithmatex":
{
"generic": true,
"smart_dollar": false
}
}
],
}
MathJax.Hub.Config(
{
config: ["MMLorHTML.js"],
extensions: ["tex2jax.js"],
jax: ["input/TeX", "output/HTML-CSS", "output/NativeMML"],
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true
},
TeX: {
extensions: ["AMSmath.js", "AMSsymbols.js"],
TagSide: "right",
TagIndent: ".8em",
MultLineWidth: "85%",
equationNumbers:
{
autoNumber: "AMS",
},
unicode: {
fonts: "STIXGeneral,'Arial Unicode MS'"
}
},
displayAlign: "center",
showProcessingMessages: false,
messageStyle: 'none'
}
);